fix: do not recalculate flex basis for hidden rows

[ugur-vaadin]

Description

Currently, when a board is set invisible, flex basis is still recalculated on resize. This causes flickering when toggling visibility. This PR makes the row recalculate flex basis only when it is visible. Note that if any resizing occurs while the element is hidden, it should be explicitly updated with a redraw() call similar to the grid columns.

Fixes vaadin/flow-components#5005
See: Monorepo PR

Type of change

• Bugfix
• Feature

Checklist

• I have read the contribution guide: https://vaadin.com/docs/latest/guide/contributing/overview/
• I have added a description following the guideline.
• The issue is created in the corresponding repository and I have referenced it.
• I have added tests to ensure my change is effective and works as intended.
• New and existing tests are passing locally with my change.
• I have performed self-review and corrected misspellings.

[CLAassistant]

All committers have signed the CLA.

[web-padawan]

Do I understand it correctly that in Vaadin 23+ this problem doesn't happen due to ResizeObserver usage? If so, we might still want to add relevant tests to the monorepo.

[ugur-vaadin]

Do I understand it correctly that in Vaadin 23+ this problem doesn't happen due to ResizeObserver usage? If so, we might still want to add relevant tests to the monorepo.

The flickering is still there. So I also created a PR for the monorepo, targeting v24.0 and v23.3 as well.