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

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>