feat!: add a default min-height to grid

[sissbruecker]

Adds a default min-height to the grid to prevent it from collapsing to zero height when using height: 100% in a container that does not have an explicit height. The min-height is calculated from the height of the header, footer and a single grid row. To keep things simple, the row height is hard-coded for now to match the height of a single default row in Lumo, instead of reading it from a CSS property or having a different value for Material. The idea here is that this only needs to be good enough to make a developer notice that their CSS is not set up correctly, rather than to have a correct sizing mechanism.

Closes #4584

Warning

This is a behavior altering change, as intentionally collapsing a grid to zero height now also requires setting the min-height style.

[DiegoCardoso]

I noticed that the full row might not be visible in case there's a horizontal scrollbar on the grid:

I think it's ok since taking into account the scrollbar detection plus calculating its size might not be trivial for what we want to offer here. Also, there would be some height changes whenever the user or the app changes the grid width so that the horizontal scrollbar appears/hides.

Another thing: should this PR be marked as a breaking change? Setting height to 0 works differently with this change and if the user desires to set the grid height to 0, they need to use min-height instead.

[sissbruecker]

@DiegoCardoso Good points. The scroll bar seems tricky to account for, and the assumption is that we only need to be able to show something, not make it particulary usable. We could maybe increase the space reserved for the body a bit so that you see more than a scroll bar in case there are no header or footer. I'll bring it up in the Daily.

Regarding the breaking change, yes I think it makes sense to tag the PR at least.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[sissbruecker]

@DiegoCardoso I included the scrollbar into the measurement as suggested by @tomivirkki. Seems to work well on all systems I tested, though there might be some small layout shift in some cases. Mind taking another look?

[DiegoCardoso]

Checked the latest changes in Mac and Windows and the height calculation correctly uses the scrollbar size when it's present.

[vaadin-bot]

This ticket/PR has been released with Vaadin 24.6.0.beta1 and is also targeting the upcoming stable 24.6.0 version.