Respect prefers-reduced-motion in top menu bar of new Drupal website

Created on 20 March 2025, 13 days ago

Problem/Motivation

The menu bar in the new Drupal website does a slide-down animation despite my OS being set to not show animation. This is a regression from the old Drupal website, which does respect prefers-reduced-motion for the top menu bar.

I apologize for not filing this in the general comments on the new design, but it is making my eyes feel ill.

Steps to reproduce

1. Set OS to Reduce Motion on (Mac), Animation Effects off (Windows).
2. Go to https://new.drupal.org/home
3. Hover over Download

Expected result: Sub-menu opens without animation

Actual result: Sub-menu does a slide-down animation

Proposed resolution

If prefer-reduced-motion is set to reduce, don't animate anything on the site.

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

1.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States charles belov San Francisco, CA, US

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024