Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

TabSheet has incorrect height at page load. Fixes when navigating tabs.

George Bougiakas
6 years ago Jan 29, 2016 12:29pm

Hello,

I think there is a bug with the TabSheet component.

While the tabsheet itself is sized properly (ie setSizeFull) and occupies the entire browser, its tab contents do not when initialy loaded. Instead they occupy full width and around 80% of the size. If I go to the second tab then it fills properly and if I return back to the first tab then the first as well sizes properly.

If the tabsheet only contains one tab it never "gets" corrected as the only thing that seems that fixes it is navigating the tabs.

I am attaching a before (switching tabs) and after screenshots.

edit: Chrome, Safari, Opera, Firefox, IE are affected, somehow it works properly on Edge!

Steve Coleman
6 years ago Jan 29, 2016 6:34pm

Same problem. Using the exact same code on the grid without the tabsheet (on verticallayout) works fine so it is definitely a tabsheet problem for me. Can confirm the problem also on Chrome, IE and Firefox, gave up before I got to Edge :)

+1
Maya Belcheva
6 years ago Mar 11, 2016 2:35pm

Hello,

I'm using Vaadin 7.6.3 and I have the same problem. Is there a bug already reported for it?