[Webkit-unassigned] [Bug 201110] New: <foreignObject> root element is a stacking context

[bugzilla-daemon at webkit.org]

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

            Bug ID: 201110
           Summary: <foreignObject> root element is a stacking context
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: sabouhallawa at apple.com
                CC: zimmermann at kde.org

Created attachment 377187

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

test case

Open the attached test case:

Result: The light gray box is drawn underneath the other two rectangles.
Expected: The light gray box should be drawn on top of the other two rectangles.

The test case has an SVG which contains a <foreignObject>. This <foreignObject> has two <div> elements whose z indices are 1 and 2. The order of drawing these two rectangles is correct. The problem is the <foreignObject> should be a stacking context which means the z order of its elements should not interfere with the oder of the other elements outside the <svg> element. The SVG should be at the end drawn as one layer with the z-index of the <svg> element. In this test case, the z-index of the <svg> element is 0. Since the light gray <div> has also z-index = 0 but it comes after <svg> element, it should be drawn on top of the SVG.

-- 
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/20190824/5d668fe1/attachment-0001.html>