Bug 159764
| Summary: | HTML element with tabindex=0 is not focusable on iPhone | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Arley Triana <atriana01> |
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Blocker | CC: | atriana01, cdumez, cfleizach, rniwa |
| Priority: | P2 | ||
| Version: | Safari 9 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 9.3 | ||
Arley Triana
Problem description:
An HTML element with the tabindex attribute set to "0" is not focusable on iPhone.
Steps to reproduce the issue:
1. Navigate to the URL https://output.jsbin.com/furuheq (edit version https://jsbin.com/furuheq/edit?html,css,js,console)
2. Press the box
What is the expected result?
The focus should be set to the focusable HTML element and the "focusin" event should be fired.
What happens instead?
The focus is not set to the focusable HTML element and the "focusin" event is not fired.
Additional information to reproduce the issue:
OS Version: iOS 9.3.2 (13F69) on iPhone
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Chris Dumez
Can reproduce with WebKit ToT on iPhone. Works fine on Mac.
Chris Dumez
It is actually not specific to tabIndex=0. If you update the test case to use tabIndex=1, the element still is not focusable on iOS but is on Mac.
Arley Triana
Browsers tested:
Safari on iOS (mobile): NOT OK
Chrome on iOS (mobile): NOT OK
Chrome on Android 6 (mobile Samsung S6): OK
Chrome on Windows 10 (desktop): OK
Safari on Mac OS (desktop): OK
Edge on Windows 10 (desktop): OK
Lucas Forschler
Mass move bugs into the DOM component.
Ryosuke Niwa
This issue has since been fixed in iOS 13 / iPadOS.