Popover positioning scenarios

Interactive harness that exercises the popover engine near the edges of the viewport, inside modals, and within scroll containers. Playwright scenarios rely on the data attributes surfaced here.

Grid edge cases

The rightmost card hugs the viewport edge to verify collision handling.

Top left

Baseline placement without collisions.

Bottom right

Forces the panel to flip when it would overflow the viewport.

Center

Acts as a control for viewport padding.

Video modal integration

Mimics the production video modal so we can verify popovers respect the overlay root.

Scroll container

Ensures auto-update keeps popovers aligned when the trigger lives in overflow regions.

Scroll to the bottom to find the trigger used in automated tests.