# Variable Height > Virtual list with automatic handling of variable item heights, supporting dynamic content like accordions and expandable rows. **Source:** [https://virtuallist.svelte.page/examples/variable-height](https://virtuallist.svelte.page/examples/variable-height) **Markdown mirror:** [https://virtuallist.svelte.page/examples/variable-height.md](https://virtuallist.svelte.page/examples/variable-height.md) --- This mirror preserves the prose, implementation notes, and runnable Svelte source behind the live example page. ## FIG-001: dynamic heights. Rows can grow after initial render. The list observes item heights, updates offsets, and preserves scroll behavior as content expands. **Metadata:** tag: `MEASUREMENT` | items: `1,000` | content: `expandable` | height: `auto measured` ### Source #### Default.svelte Source file: [src/lib/examples/variable-height/demos/Default.svelte](https://github.com/humanspeak/svelte-virtual-list/blob/main/docs/src/lib/examples/variable-height/demos/Default.svelte) ```svelte
items · 1,000
expanded · {expandedCount}
range · {firstIndex}-{lastIndex}
dom rows · {domRows}
dom nodes · {domNodes}
{#snippet renderItem(item)}
{#if item.expanded}

{item.description}

{/if}
{/snippet}
height · auto measured
observer · resize
content · expandable
range · {firstIndex}-{lastIndex}
mode · dynamic
```