Bug 226500 - click focus prevented on button which changes it's z-index on focus (by tabbing): Focus moving to great grandparent.
Summary: click focus prevented on button which changes it's z-index on focus (by tabbi...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 14
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-01 08:32 PDT by Kim
Modified: 2021-06-01 17:29 PDT (History)
5 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>