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.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
GridLayout and charts initial display problem/regression ..
Hello,
We have a dashboard has been properly showing Charts and our JS components in a 3-coluimn view but recent versions (we are using charts 3.2.0 and 7.7.6) while fixing other issues introduced a regression that causes components to appear to have a zero height initially. A small resize of the panel causes to display components properly.
It used to work, around version 7.2 (and maybe later too) for sure.
The code to add components has not changed and looks like this:
<gridInitcode>
runsGridLayout = new GridLayout();
runsGridLayout.setCaption("Metrics");
runsGridLayout.setImmediate(true);
runsGridLayout.setWidth("100.0%");
runsGridLayout.setMargin(true);
runsGridLayout.setSpacing(true);
runsGridLayout.setColumns(3);
runsGridLayout.setHideEmptyRowsAndColumns(true);
runsGridLayout.setHeightUndefined();
</gridInitcode>
and component addition:
runsGridLayout.addComponents(components.toArray(new Component[] {}));
runsGridLayout.markAsDirtyRecursive(); //add with hope to have a proper components displayed
What we get, is that initial height of components is zero'ish - have a look at the attached screenshots (they have height undefined, but width well defined).
One can see the initial (annoying) view and then the gridlayout after the parent panel has been resized.
I would appreciate any hints, this behaviour is quite annoyiong. It the worst case we can try to manually insert components, we have not tried if it would change the behaviour.
Thanks
Krzysztof