226500 2021-06-01 08:32:03 -0700 click focus prevented on button which changes it's z-index on focus (by tabbing): Focus moving to great grandparent. 2021-06-01 17:29:48 -0700 1 1 1 Unclassified WebKit UI Events Safari 14 All All NEW InRadar P2 Normal --- 1 kdunagan webkit-unassigned akeerthi cdumez graouts simon.fraser webkit-bug-importer oldest_to_newest 1765621 0 kdunagan 2021-06-01 08:32:03 -0700 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)) 1765622 1 webkit-bug-importer 2021-06-01 08:32:18 -0700 <rdar://problem/78715624>