I am facing a layouting issue with a horizontal SplitPanel.
My requirements are that the first and second component of the SplitPanel must be VerticalLayout and must have a overflow-y:scroll specific to the two columns. This will result in two separated vertical scrollbars if the contents exceed the height of the SplitPanel.
In attachment I have my current version where the scrollbar is generic to the all content of the SplitPanel
Moreover I use this SplitPanel inside a Window popup resizable so no fixed height styling can be used.
I tried some CSS modification of my theme but than the style added from the Vaadin framework overrides my CSS settings.
I’m guessing you have an invalid layout structure somewhere in there. Try using the debug window (add ?debug to the application URL) and click “Analyze layouts”.
Most like the one additional VerticalLayout inside the Panel that’s undefined height is causing the SplitPanel to be rendered as undefined height as well, hence the SplitPanel sizes itself from it’s contents and producing the scrollbar on the Panel.
Wow thanks! The issue what actually the undefined height in the internal VerticalLayout created from the Panel
I found out thanks to the Analyze Layouts tool and your indication.
