App Layout Scrolling Behaviour not working anymore

[timomeinen]

Description of the bug

According to the App Layout Documentation we can setup "Auto Height" and "Full Height (100%)". Although the iFrame examples in the documentation works, the same code does not work in a current project created on Vaadin Start.

Problem:
Scrolling behaviour does not honour the body anymore.

As can be seen neither of the two examples allow scrolling of the whole body anymore:

I believe the problem has something to do with the generated index.html and the div#outlet: The height is now set to 100vh and this causes problems.

Expected behavior

Scrolling behaviour according to documentation.

Minimal reproducible example

https://github.com/timomeinen/app-layout-height-issue

Versions

• Vaadin / Flow version: 24.4.13
• Java version: 21