feat(ui): Add a Mosaic scroll area with scroll-driven edge fades - #9312

Merged

maxyinger merged 24 commits into

mainfrom

max/scroll-area-scrollbar-enhancements

Aug 3, 2026

Commits on Aug 1, 2026

feat(ui): Add Mosaic ScrollArea with scroll-driven fade indicators

maxyinger
and
claude
committed
docs(swingset): Document Mosaic ScrollArea

maxyinger
and
claude
committed
refactor(ui): Promote the scroll fade knobs to theme tokens

maxyinger
and
claude
committed
fix(ui): Manage ScrollArea's tab stop so consumers don't have to

maxyinger
and
claude
committed
feat(ui): Add a render prop to both ScrollArea parts

maxyinger
and
claude
committed
refactor(ui): Ship the scroll area as StyleX atoms instead of a component

maxyinger
and
claude
committed
docs(swingset): Document the scroll surface on Item instead of its own page

maxyinger
and
claude
committed
fix(ui): Only style the scrollbar under a fine pointer

maxyinger
and
claude
committed
feat(ui): Paint the Mosaic scrollbar via ::-webkit-scrollbar

maxyinger
and
claude
committed
fix(ui): Scope the scrollbar hover to the thumb and clear the mask off the lane

maxyinger
and
claude
committed
docs(swingset): Give atomic styles their own section

maxyinger
and
claude
committed
docs(swingset): Double the rows in Item's scrolling example

maxyinger
and
claude
committed
fix(ui): Restore the thumb colour transition to the scroller

maxyinger
and
claude
committed
docs(swingset): Tighten the scroll example borders to the smallest radius

maxyinger
and
claude
committed
docs(swingset): Give the theming example a step that actually animates

maxyinger
and
claude
committed
docs(swingset): Quiet the hover reveal and slow the theming demo

maxyinger
and
claude
committed
docs(swingset): Match the hover-reveal code sample to the example

maxyinger
and
claude
committed
feat(ui): Dim the scrollbar thumb until the pointer reaches the region

maxyinger
and
claude
committed
fix(ui): Drop the thumb offset — it deformed the pill's caps

maxyinger
and
claude
committed
docs(swingset): Replace the scroll fade with shadow overlays in an example

maxyinger
and
claude
committed
docs(swingset): Tighten the scroll area copy and correct stale claims

maxyinger
and
claude
committed
chore(repo): Drop the scroll area changesets in favour of the empty one

maxyinger
and
claude
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(ui): Add a Mosaic scroll area with scroll-driven edge fades - #9312

feat(ui): Add a Mosaic scroll area with scroll-driven edge fades#9312
maxyinger merged 24 commits into
mainfrom
max/scroll-area-scrollbar-enhancements

Commits on Aug 1, 2026

feat(ui): Add Mosaic ScrollArea with scroll-driven fade indicators

docs(swingset): Document Mosaic ScrollArea

refactor(ui): Promote the scroll fade knobs to theme tokens

fix(ui): Manage ScrollArea's tab stop so consumers don't have to

feat(ui): Add a render prop to both ScrollArea parts

refactor(ui): Ship the scroll area as StyleX atoms instead of a component

docs(swingset): Document the scroll surface on Item instead of its own page

fix(ui): Only style the scrollbar under a fine pointer

feat(ui): Paint the Mosaic scrollbar via ::-webkit-scrollbar

fix(ui): Scope the scrollbar hover to the thumb and clear the mask off the lane

docs(swingset): Give atomic styles their own section

docs(swingset): Double the rows in Item's scrolling example

fix(ui): Restore the thumb colour transition to the scroller

docs(swingset): Tighten the scroll example borders to the smallest radius

docs(swingset): Give the theming example a step that actually animates

docs(swingset): Quiet the hover reveal and slow the theming demo

docs(swingset): Match the hover-reveal code sample to the example

feat(ui): Dim the scrollbar thumb until the pointer reaches the region

fix(ui): Drop the thumb offset — it deformed the pill's caps

docs(swingset): Replace the scroll fade with shadow overlays in an example

docs(swingset): Tighten the scroll area copy and correct stale claims

chore(repo): Drop the scroll area changesets in favour of the empty one

Commits on Aug 3, 2026

docs(swingset): Register the shadow example and drop a redundant alt

test(ui): Split the fade inset assertion into its own case