[Webkit-unassigned] [Bug 262951] New: Nested overflow:auto has bad interaction with position:relative/absolute

[bugzilla-daemon at webkit.org]

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

            Bug ID: 262951
           Summary: Nested overflow:auto has bad interaction with
                    position:relative/absolute
           Product: WebKit
           Version: Safari 17
          Hardware: iPhone / iPad
                OS: iOS 17
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: webkit-bugs at danwolff.se

Created attachment 468144

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

Test case

Absolutely positioned elements should be displayed on top of statically positioned elements.

When there is nested overflow:auto, the positioning is sometimes strange.

In the following example, ELEMENT-A should be displayed on top of and potentially cover ELEMENT-B.

<div style="position: relative; overflow: auto">
  <div style="position: absolute" ELEMENT-A>
    SHOULD BE DISPLAYED ON TOP
  </div>
  <div style="overflow: auto" ELEMENT-B>
    SHOULD BE DISPLAYED UNDERNEATH
  </div>
</div>


The attached test case should only show a green viewport, but in affected browsers red text is visible.

Affected: Safari on iOS 17.0.3.

NOT affected: Safari on iOS 16.6.1.

-- 
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/20231010/6459d688/attachment.htm>