Bug 258670

Summary:

:focus-visible not working without pressing tab first

Product:

WebKit

Reporter:

Costa Alexoglou <konsalexee>

Component:

Accessibility

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

andresg_22, koivisto, rego, webkit-bug-importer

Priority:

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	Details
View All Add attachment proposed patch, testcase, etc.

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.