flutter / flutter/devtools

Option to disable animations (or respect prefers-reduced-motion)

Open
#4,402 0 comments 1 reaction 0 assignees View on GitHub
a11y fix it friday P3 proposal
Dominant language
Dart
Stars
1.7k
Forks
404
Avg merge
6d 17h
Merged PRs (30d)
18

Description

Hi!

Is there an option to turn off animations (like the scrolling motion when changing tabs)? It is pretty slow, and also makes me dizzy on the big screen.

It could be a switch in Settings, or this flag could be used to detect this preference automatically:

> The [prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) CSS media feature is used to detect if the user has requested that the system minimize the amount of non-essential motion it uses.

Contributor guide

Open the contributing guide

Research direction

Start by tracing the tab-change scrolling animation and the existing Settings or preferences entry point; the issue names no files. Check how DevTools can detect prefers-reduced-motion, then verify that non-essential animations are disabled or an explicit setting works without changing tab behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
accessibility, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.