Skip to content

Add shuffle-lanes.css and --shuffle-index#685

Merged
glen-cheney merged 1 commit into
feat/grid-lanesfrom
phase-3_4
Apr 26, 2026
Merged

Add shuffle-lanes.css and --shuffle-index#685
glen-cheney merged 1 commit into
feat/grid-lanesfrom
phase-3_4

Conversation

@glen-cheney
Copy link
Copy Markdown
Owner

@glen-cheney glen-cheney commented Apr 25, 2026

Phase 3 and 4 in #660


This pull request adds and validates the staggered animation system for GridLanes items, ensuring smooth and accessible view transitions using CSS custom properties. It introduces the required stylesheet, implements the assignment and cleanup of the --shuffle-index property, and provides comprehensive tests to verify correct behavior and accessibility. Documentation is updated to reflect completed milestones and validation.

Staggered animation and CSS transition system:

  • Added shuffle-lanes.css to define required view-transition selectors, keyframes, and custom property-based animation timing, including support for reduced-motion accessibility.
  • GridLanes now assigns sequential --shuffle-index values to visible items for staggered transitions and removes them when items are hidden or disposed. [1] [2]

Testing and validation:

  • Added unit and integration tests to verify correct assignment, removal, and effect of --shuffle-index, as well as validation of speed/easing options and compatibility with reduced motion. [1] [2]

Documentation updates:

  • Marked animation, filtering, and sorting milestones as complete in the project checklist, reflecting that required CSS, logic, and tests have shipped. [1] [2] [3]

@glen-cheney glen-cheney merged commit f750f6a into feat/grid-lanes Apr 26, 2026
1 check passed
@glen-cheney glen-cheney deleted the phase-3_4 branch April 26, 2026 03:09
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