Skip to content

chore: group pseudo-selector examples into sections#9908

Open
MatiPl01 wants to merge 2 commits into
@matipl01/css-hover-svg-pointerfrom
@matipl01/reorganize-pseudo-selector-examples
Open

chore: group pseudo-selector examples into sections#9908
MatiPl01 wants to merge 2 commits into
@matipl01/css-hover-svg-pointerfrom
@matipl01/reorganize-pseudo-selector-examples

Conversation

@MatiPl01

@MatiPl01 MatiPl01 commented Jul 8, 2026

Copy link
Copy Markdown
Member

Summary

Organizes the Pseudo Selectors example screen so the individual selectors are grouped together and separated from the edge/test cases, which were previously interleaved. Uses the same flatten grouping the Animated Properties -> Base Properties screen already uses, so the screen stays a single flat list with section headers (no extra drill-in):

  • Selectors - :hover, :active, :active-deepest, :focus, :focus-within
  • Showcase - Form, Planets
  • Test Examples - selectors block render transition, Looping transition + :hover, Per-state transition configs, Arbitrary web selectors

It also flips the "SVG radius" :active example to start large and shrink on press - it started small, which made it a hard press target.

Test plan

Verified on the iOS simulator: the Pseudo Selectors screen renders the three sections in order with their examples as cards underneath, and navigating into each example still works. Typecheck passes.

Stacked on #9879.

@MatiPl01 MatiPl01 self-assigned this Jul 8, 2026
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-hover-svg-pointer branch from 4d5bfb2 to 81e9003 Compare July 8, 2026 11:24
@MatiPl01 MatiPl01 force-pushed the @matipl01/reorganize-pseudo-selector-examples branch from 3b59e20 to c833c9c Compare July 8, 2026 11:24
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-hover-svg-pointer branch from 81e9003 to e37cbc6 Compare July 8, 2026 13:35
@MatiPl01 MatiPl01 force-pushed the @matipl01/reorganize-pseudo-selector-examples branch from c833c9c to 1e69555 Compare July 8, 2026 13:35
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-hover-svg-pointer branch from e37cbc6 to e80db20 Compare July 8, 2026 22:10
@MatiPl01 MatiPl01 force-pushed the @matipl01/reorganize-pseudo-selector-examples branch from 1e69555 to f0bf6d0 Compare July 8, 2026 22:10
@MatiPl01 MatiPl01 force-pushed the @matipl01/css-hover-svg-pointer branch from e80db20 to 5fe485b Compare July 9, 2026 11:01
@MatiPl01 MatiPl01 force-pushed the @matipl01/reorganize-pseudo-selector-examples branch from f0bf6d0 to ef03437 Compare July 9, 2026 12:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant