Bug 205642

Summary:

AX: The focus ring (outline) shouldn't be hidden by overflow rules

Product:

WebKit

Reporter:

Rado <rado>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Major

CC:

bfulgham, simon.fraser, zalan

Priority:

Version:

Safari 13

Hardware:

All

OS:

All

Attachments:

Description	Flags
Instances where the focus ring is cropped.	none
The problem on Apple.com	none

Rado

Reported 2019-12-30 04:18:58 PST

Created attachment 386523 [details] Instances where the focus ring is cropped. The focus ring (outline) shouldn't be hidden by overflow rules. Currently it is cropped by overflow: hidden. It looks ugly and broken and the efforts for workarounds are too great and unnecessary. It's a pain for people trying to make sites accessible. Please at least add a CSS option to always display the focus ring. Also filed as Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=462609 Thanks.

Attachments
Instances where the focus ring is cropped. (6.96 KB, image/jpeg) 2019-12-30 04:18 PST, Rado	no flags	Details
The problem on Apple.com (36.14 KB, image/png) 2020-01-28 04:30 PST, Rado	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Simon Fraser (smfr)

Comment 1 2020-01-02 11:58:54 PST

You should raise this as an issue on CSS at https://github.com/w3c/csswg-drafts. overflow:hidden clips outlines.

Rado

Comment 2 2020-01-03 01:08:54 PST

Thanks, updated previous W3C issue: https://github.com/w3c/csswg-drafts/issues/3417 The focus ring should also escape CSS masking (optionally).

Rado

Comment 3 2020-01-28 04:30:16 PST

Created attachment 388980 [details] The problem on Apple.com

Note You need to log in before you can comment on or make changes to this bug.