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 EventsAssignee: 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   

Description Kim 2021-06-01 08:32:03 PDT
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))
Comment 1 Radar WebKit Bug Importer 2021-06-01 08:32:18 PDT
<rdar://problem/78715624>