flutter / flutter

Flutter makes it easy and fast to build beautiful apps for mobile and beyond
https://flutter.dev
BSD 3-Clause "New" or "Revised" License
162.18k stars 26.64k forks source link

[web] on Safari for macOS using VoiceOver it is easy to make text field non-editable #147439

Open yjbanov opened 2 weeks ago

yjbanov commented 2 weeks ago

On Safari for macOS using VoiceOver it is easy to get a text field into a non-editable state. The text field is seemingly focused and being edited according to the spoken text by VoiceOver, but nothing happens visually.

Repro code: the TextField demo in the a11y_assessments app. Live app: https://fwa11y.web.app/

It may take a few attempts, but to reproduce try to focus on the text field using VoiceOver shortcuts (Control + Option + arrow keys) and begin editing. If it doesn't happen right away, move focus out, then move it back into the field and try editing again. Eventually it enters the bad state.

https://github.com/flutter/flutter/assets/211513/8f07ee34-adc2-40a4-924c-35cb8f505b8f