[Webkit-unassigned] [Bug 249457] New: Outline on container with perspective is drawn both outside container and in the scrolling content.

[bugzilla-daemon at webkit.org]

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

            Bug ID: 249457
           Summary: Outline on container with perspective is drawn both
                    outside container and in the scrolling content.
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: johannes.odland at nrk.no

Created attachment 464069

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

Screenshot of container element where outline is drawn both outside container and in the scrolled container content.

Steps to reproduce: 

Create a container element with `overflow:auto`, `perspective: 100px` and an outline.
Add content that forces the container to be a scroll container.
Add a positioned element that is translated in the Z direction and has z-index. I.e. `transform: translateZ(-100px)` `z-index: -1`.

Codepen here: https://codepen.io/johannesodland/pen/QWxeepe

Expected result:
Outline should be drawn right outside border edge of container..

Actual result: 
Outline is drawn outside border edge of the container, and in the content. See screenshot.

-- 
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/20221216/167f6db8/attachment.htm>