[Webkit-unassigned] [Bug 245794] New: CSS columns layout shift occurs when outline is added to child element

[bugzilla-daemon at webkit.org]

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

            Bug ID: 245794
           Summary: CSS columns layout shift occurs when outline is added
                    to child element
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ken.sugiura at gmail.com

Created attachment 462690

  --> https://bugs.webkit.org/attachment.cgi?id=462690&action=review

Screenshot of multi-column list with unwanted layout shift caused by outlines

This bug concerns CSS columns. Adding an outline to an element should not effect the layout, however, adding an outline to an element inside of a multi-column layout can cause a layout shift in Safari. This behavior is not desirable and does not occur in Chrome or Firefox.

Below is a link with an example. An outline is used as the :focus style for each link. Make sure you have tab navigation enabled in your preferences, and see what happens when each element receives keyboard focus.

https://codepen.io/ksugi/pen/zYjRWvG

-- 
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/20220928/9dac6cd5/attachment.htm>