layoutComponentImprovements not working on dev machine

Hello,
recently I have used “layoutComponentImprovements” experimental feature.

I though nothing much was changed so I kept it. Later our customer started to complain some components sizing is incorrect etc.

Whenever I looked at the same componets on dev machine everything was ok, but in production the sizing looked badly. I started digging and found out, that element attributes such as data-width-full and data-height-full (sorry if the attributes are named differently) are present, but the styling is missing on dev machine.

I am attaching browser inspector with visible missing parts (the screenshot was captured in production env. where the css is ok)

I enabled the feature in properties file that should be used by all envs right as I see experimental feature mentioned during application start-up in console log.

We use SB 3.5.x with Vaadin 24.8, but it was happening in 24.7.x too.

Did you check what happens if you delete the dev bundle?

I gave it a try, can confirm that it doesn’t work with dev bundles, but it does work with the production bundle. A workaround seems to be to use vaadin.frontend.hotdeploy=true.

I’ll create an issue.

I have hotdeploy enabled and it doesn’t work either.

That’t first thing I always doo. It didn’t do anything

Created this issue: GitHub · Where software is built

@lipisak You can check the example project in there, using vaadin.frontend.hotdeploy=true applies the styles correctly to nested layouts.

Actually not for me :slightly_smiling_face: I don’t see it there. html attributes are present but nothing in css.

Maybe a caching issue? Did you try emptying the cache or trying with incognito mode or another browser?