CSS Scroll Snap Module Level 1 CR Test Suite

Snapping Mechanics (6 tests)

Test Refs Flags Info
+ 6 Snapping Mechanics
+ 6.1 Types of Scrolling Methods
+ 6.2 Choosing Snap Positions
scroll-target-align-001 = Optional #target and snap position with snapping off (y-axis)
  • Test passes if scroll snapping is honored on a scroll container with 'scroll-snap-type: none' when navigating to an element with the target fragment ID.
scroll-target-align-002 = Optional scrollIntoView() and snap position with snapping off (y-axis)
  • Test passes if scroll snapping is honored on a scroll container with 'scroll-snap-type: none' when scrolling an element into view explicitly by script.
scroll-target-align-003 = Optional focus() and snap position with snapping off (y-axis)
  • Test passes if scroll snapping is honored on a scroll container with 'scroll-snap-type: none' when scrolling an element into view even if that operation is implied (in this case, by .focus()).
scroll-target-snap-001 = #target and snap position with snapping on (y-axis)
  • Test passes if scroll snapping is honored when navigating to an element with the target fragment ID.
scroll-target-snap-002 = scrollIntoView() and snap position with snapping on (y-axis)
  • Test passes if scroll snapping is honored when scrolling an element into view explicitly by script.
scroll-target-snap-003 = focus() and snap position with snapping on (y-axis)
  • Test passes if scroll snapping is honored when scrolling an element into view even if that operation is implied (in this case, by .focus()).