vaadin cuts off (not scrollable) when screen size changed

Vaadin 6 / 7 / 8
1

I have a vaadin layout that works fine on a larger screen. As soon as the screen size (and the resolution) drop, all the contents get cut off and no scrollbar appears.

I tried using a Panel to remedy the issue, but the panel likewise gets cut off.

I also tried usingResponsive.makeResponsive(component)but it still cuts off

Any suggestions?

2

I would guess that the problem is you are using relative sizing, e.g. setSizeFull() or setWidth(“100%”). That is characterized by only using as much room as is available and cutting off the rest. If you want scrollbars you should either use undefined size (so that precisely as much room is used as the contents need) or set minimum widths/heights with css.