mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
The scatter-correlation card wrapper relied solely on Tailwind's aspect-ratio utilities to derive its height from width, and explicitly unset any inline height. When the dynamic-loaded chart mounted in place of the h-[180px] skeleton, ResponsiveContainer briefly measured a zero-sized parent before the browser resolved aspect-ratio against the parent's width, emitting a width(-1)/height(-1) console warning. Add a min-h-[180px] floor (matching the loading skeleton) so the wrapper always has a non-zero height at first paint. The aspect-ratio rules continue to drive the final card shape once layout settles.