Bug 226500
| Summary: | click focus prevented on button which changes it's z-index on focus (by tabbing): Focus moving to great grandparent. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Kim <kdunagan> |
| Component: | UI Events | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | akeerthi, cdumez, graouts, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 14 | ||
| Hardware: | All | ||
| OS: | All | ||
Kim
On Safari version 14.0.3 (15610.4.3.1.7, 15610)
MacOS Catalina (10.15.7) MacBook Pro
This bug pertains to an element that changes it's stacking context with the z-index (or any other safari related tricks to modify stacking).
When a button changes its z-index on focus (ie by tabbing to it), a user can no longer click the button to trigger onclick effects. Any clicks to that button are being redirected to a parent, or some great-grandparent.
Here's a codepen of the issue
https://codepen.io/Kiyriel/pen/wvJpYXz
Background:
delete button is underneath the Hello link
Steps to reproduce:
1. Tab to the delete button
2. Click on the now visible delete button
Expected results: an alert saying "Success! You've clicked the delete button" is shown.
Actual results: an alert saying "Failure....rail....registered the click"
Additional notes: Does not affect Firefox (88.0.1 (64-bit))or chrome (90.0.4430.212 (Official Build) (x86_64))
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/78715624>