[Webkit-unassigned] [Bug 245794] 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

Karl Dubost <karlcow at apple.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
           Keywords|                            |BrowserCompat
                 CC|                            |karlcow at apple.com,
                   |                            |webkit-bug-importer at group.a
                   |                            |pple.com

--- Comment #1 from Karl Dubost <karlcow at apple.com> ---
another way to demonstrate the issue is to open the Web Inspector and add by hand an outline to the 3rd element and it shifts the layout.

Compare this in Safari, Firefox, Chrome
https://codepen.io/webcompat/pen/poVaOgy
it illustrates the issue.

The culprit here is:
https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset
https://w3c.github.io/csswg-drafts/css-ui-4/#outline-offset

if I deactivate this, the outline does not influence the layout.
a {outline-offset: 2px;}


It probably needs a web-platform-test for this case.
https://wpt.fyi/results/css/css-ui?label=master&label=experimental&aligned&view=subtest&q=outline

-- 
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/20220929/d0b32a20/attachment.htm>