Bug 294649
| Summary: | AX: VoiceOver does not open date picker if parent has click listener | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | rickhanlonii |
| Component: | Accessibility | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | andresg_22, mail, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 18 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 18 | ||
rickhanlonii
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 | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/153700762>
mail
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