[Webkit-unassigned] [Bug 228143] New: AX: CSS outline clipping when elements are resized in CSS

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=228143

            Bug ID: 228143
           Summary: AX: CSS outline clipping when elements are resized in
                    CSS
           Product: WebKit
           Version: Safari 14
          Hardware: Unspecified
                OS: macOS 10.15
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: davehouse at gmail.com
                CC: webkit-bug-importer at group.apple.com

When an element such as a link has an outline defined in CSS (for example as a :focus state) and that element has also been resized through bolding or increasing the font size the outline seems to clip based on the original font size. If you zoom the browser 2-3 times it triggers some kind of repaint and the outline appears.

The only way I have managed to get an outline to render properly in Safari is to add `overflow: auto` to the element which seems to force the outline to render correctly.

Simplified test case here:

https://codepen.io/iknowdavehouse/pen/wvdqdba

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210721/e3ac25d0/attachment-0001.htm>