NEW294649
AX: VoiceOver does not open date picker if parent has click listener
https://bugs.webkit.org/show_bug.cgi?id=294649
Summary AX: VoiceOver does not open date picker if parent has click listener
rickhanlonii
Reported 2025-06-17 20:31:20 PDT
A bug was reported to React for VoiceOver not opening the date picker for <input type="date" /> https://github.com/facebook/react/issues/33541. After investigating, in vanilla JS, it seems that if a parent element has a click listener, the date picker will not open: https://codepen.io/rickhanlonii/full/WbvgGvX This breaks usage in React apps since we use event delegation for all events (unfortunately). If it helps debug the issue, I've also found that if I have the debugger hit a breakpoint in the event, the picker will open.
Attachments
Radar WebKit Bug Importer
Comment 1 2025-06-17 20:36:26 PDT
mail
Comment 2 2025-10-09 02:36:57 PDT
I think not opening the picker is probably acceptable. The worse problem is, that the input is completely inaccessible using voice over on iOS with Safari. I am not able to enter any date. I prepared also a small demo: Src: https://github.com/d-koppenhagen/react-input-date-playground/ Demo (GH-Pages): https://d-koppenhagen.github.io/react-input-date-playground/ Stackblitz: https://stackblitz.com/edit/react-input-date-playground
Note You need to log in before you can comment on or make changes to this bug.