vaadin / framework

Vaadin 6, 7, 8 is a Java framework for modern Java web applications.
http://vaadin.com/
Other
1.77k stars 729 forks source link

Layout issue with TwinColSelect within initially open Window on the very first load (Firefox) #12602

Open Ansku opened 5 months ago

Ansku commented 5 months ago

On Firefox, if the UI has an initially open fixed width Window, and a full width TwinColSelect inside it, the width calculations for the TwinColSelect columns are broken on the first rendering after the development server has been started. The columns won't fit side-by-side within the Window and the right column gets dropped below the left column and out of view. Any interacting with the UI that causes relayouting will fix the issue (columns will become narrower and fit again), and it won't be present again for that browser until the development server gets restarted.

This issue doesn't happen at all if the Window isn't already open when the UI is rendered for the first time, and is consequently unlikely to affect most applications.

My initial theory is that the issue might be caused by the width calculations happening on Firefox before the styles have been applied, and relayouting not getting triggered after they have, but haven't looked into it more closely.

See WindowTwinColSelect test UI before https://github.com/vaadin/framework-es/pull/213 for a reproducible example.