Scrollable Area — Overscroll

block

The same section, two edge policies: the default overscroll="allow" hands a gesture that reaches the end to the panel behind it, while overscroll="contain" stops it at the section edge.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-scrollable-area-overscroll.json"

Sign In

Scrollable Area — Overscroll

block

The same section, two edge policies: the default overscroll="allow" hands a gesture that reaches the end to the panel behind it, while overscroll="contain" stops it at the section edge.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-scrollable-area-overscroll.json"

components/astryx/examples/ScrollableAreaOverscrollChaining.jsx