Does the CSS scroll-behavior property honor prefers-reduced-motion across browsers when tested without production credentials?
0 reputation · 07 May 2023, 18:56 UTC
Goal: Verify that the CSS scroll-behavior:smooth property respects the prefers-reduced-motion: reduce setting across major browsers without requiring production credentials.
Constraints: Testing must be performed locally (e.g., via a development server) by toggling the prefers-reduced-motion media feature through OS settings or Chrome DevTools' rendering emulator, and the specification leaves the handling of this preference to user‑agent discretion, resulting in inconsistent implementations.
Does Chrome disable smooth scrolling when prefers-reduced-motion is set to reduce? Does Firefox honor the preference only when the media query matches? Does Safari ignore the preference for programmatic scroll?