<foreignObject> root element should be a stacking context 
https://bugs.webkit.org/show_bug.cgi?id=201110
Summary <foreignObject> root element should be a stacking context
Said Abou-Hallawa
Reported 2019-08-23 17:48:26 PDT
Created attachment 377187 [details] 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.
Attachments
test case (669 bytes, text/html)
2019-08-23 17:48 PDT, Said Abou-Hallawa 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Note You need to log in before you can comment on or make changes to this bug.