Bug 258670 - :focus-visible not working without pressing tab first
Summary: :focus-visible not working without pressing tab first
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-29 05:39 PDT by Costa Alexoglou
Modified: 2023-06-29 10:29 PDT (History)
4 users (show)

See Also:

Attachments
Reproduction video of the issue described (1.04 MB, video/mp4)
2023-06-29 05:39 PDT, Costa Alexoglou 		no flags Details
View All 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 Costa Alexoglou 2023-06-29 05:39:35 PDT 
Created attachment 466865 [details]
Reproduction video of the issue described

For keyboard navigable table, there is a strange regression happening to Safari (validated this is not the case with latest Chrome, Chromium and Firefox).

If I navigate with arrow keys, and press `Enter` to focus on the first focusable element, the `:focus-visible` styles are not applied. 

The strange part is that if at least one `Tab` is pressed, then the styles will be visible.

Attaching a video to see this in practice: https://share.cleanshot.com/TSHJgM6C (also attached)

Also a URL where you can try this: https://table-focus-visible-issue-needle.surge.sh/iframe.html?args=&id=tables-keyboard-navigation-enabled--keyboard-nav-table&viewMode=story
Comment 1 Radar WebKit Bug Importer 2023-06-29 05:39:46 PDT 
<rdar://problem/111508367>