loading code fetching the highlighted snippet
FIG-001/ SNIPPETS
header & footer.
Persistent header and footer snippets render above and below all messages without injecting fake chat rows.
- The
headerandfootersnippets render persistent content above and below messages — no fake entries injected into the messages array. - Both live outside the virtual scroll machinery — always in the DOM, never virtualized away. Omit them and the component behaves exactly as before.
- Footer height changes are tracked via ResizeObserver. When a typing indicator appears, the viewport snaps to bottom automatically if you were following.
- Headers suit "load more" buttons, date separators, or channel banners. With few messages the bottom-gravity layout still pushes everything — header included — down.
category · snippets
sheet · sheet 01 / 01
⟳ to re-run