FIG-001/ MEASUREMENT

dynamic heights.

Rows can grow after initial render. The list observes item heights, updates offsets, and preserves scroll behavior as content expands.

↩ all examples
items · 1,000content · expandableheight · auto measured mode · live running source
items · 1,000
expanded · 2
range · 0-0
dom rows · 0
dom nodes · 0

Measured content can grow after initial render.

Scroll position stays coherent while rows open and close. Mixed row sizes stay virtualized instead of forcing all nodes into the DOM. This mirrors cards, messages, audit logs, and search result snippets. Measured content can grow after initial render.

height · auto measured
observer · resize
content · expandable
range · 0-0
mode · dynamic
category · measurement
sheet · sheet 01 / 01
⟳ to re-run

Variable Height