Bug 258670

Summary: :focus-visible not working without pressing tab first
Product: WebKit Reporter: Costa Alexoglou <konsalexee>
Component: AccessibilityAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: andresg_22, koivisto, rego, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Apple Silicon)   
OS: macOS 13   
Attachments:
Description Flags
Reproduction video of the issue described none

Costa Alexoglou
Reported 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
Attachments
Reproduction video of the issue described (1.04 MB, video/mp4)
2023-06-29 05:39 PDT, Costa Alexoglou
no flags
Radar WebKit Bug Importer
Comment 1 2023-06-29 05:39:46 PDT
Note You need to log in before you can comment on or make changes to this bug.