Scroll to test callout positioning

Simple Callout Demo

This demo shows how the callout follows its target element during scrolling.

Auto-opened Callout

This callout opens automatically when the page loads:

Scroll inside the container below to test positioning within a scrollable parent:

Top of scrollable area
Bottom of scrollable area
Scroll Area 1 - Keep scrolling to test positioning

Middle Section

The callout should follow the target element as you scroll past this section.

Scroll Area 2 - More scrolling space

Another Section

Continue scrolling to test the message positioning at different scroll positions.

Scroll Area 3 - Bottom section

Final Section

Scroll back up to see how the callout behaves.

Bottom spacer - scroll back up to see callouts