Layout size while zooming in and out html pages


While zooming in and out html page, the size of component and their font size is effected.
But the layout size like of HorizontalLayout , VerticalLayout etc is no effected.
Instead the content shown inside a layout are cut which is not desirable .
Please help me in this.


I assume you’re talking about font size zoom, and not the whole page zoom, since the page zoom will affect the layouts as well.

But for font zooming, you could create an add-on which monitors the size of some element which is sized using em’s, and call “vaadin.forceLayout()” each time it changes.