CLOUDCRUISE UNITED

Virtual / Windowed List

Tests a virtualized list with 500 items where only visible rows are rendered in the DOM.

Row 248 (yellow) and Row 400 (green) are special. The agent needs to scroll to find them, but they don't exist in the DOM until scrolled into view.

Virtual List (500 rows, 17 rendered)Scroll position: 0px
Row 1Data for row 1
Row 2Data for row 2
Row 3Data for row 3
Row 4Data for row 4
Row 5Data for row 5
Row 6Data for row 6
Row 7Data for row 7
Row 8Data for row 8
Row 9Data for row 9
Row 10Data for row 10
Row 11Data for row 11
Row 12Data for row 12
Row 13Data for row 13
Row 14Data for row 14
Row 15Data for row 15
Row 16Data for row 16
Row 17Data for row 17

Overflow Hidden Container

This container has overflow: hidden — no scrollbar visible, but content extends beyond. The agent needs to interact with the clipped button.

Visible content at the top of the container.

More visible content.

Getting close to the edge...

This content is clipped by overflow:hidden