Charts ends up in a reflow loop #10316
Description
Description
A chart may end up in a loop where its internal resize observer logic continuously increases the component's height.
Kapture.2025-10-13.at.15.33.45.mp4
Expected outcome
The Chart should not increase in height.
Minimal reproducible example
<div style="display: flex">
<div>
<vaadin-chart
style="height: 100%; min-height: 500px"
type="bar"
title="Historic World Population by Region"
categories='["Africa", "America", "Asia", "Europe", "Oceania"]'
>
<vaadin-chart-series title="Year 1800" values="[107, 31, 635, 203, 2]"></vaadin-chart-series>
<vaadin-chart-series title="Year 1900" values="[133, 156, 947, 408, 6]"></vaadin-chart-series>
<vaadin-chart-series title="Year 2000" values="[814, 841, 3714, 727, 31]"></vaadin-chart-series>
<vaadin-chart-series title="Year 2016" values="[1216, 1001, 4436, 738, 40]"></vaadin-chart-series>
</vaadin-chart>
<div style="height: 5px"></div>
</div>
</div>Steps to reproduce
Open a html page with the attached snippet.
The issue also produces in a more common scenario where you create a Dashboard with a Chart widget whose title is long enough to wrap onto two lines.
Environment
Vaadin version(s): 24, 25
Browsers
Issue is not browser related