201110 2019-08-23 17:48:26 -0700 <foreignObject> root element should be a stacking context 2019-12-22 14:02:15 -0800 1 1 1 Unclassified WebKit SVG WebKit Nightly Build Unspecified Unspecified NEW P2 Normal --- 200143 1 sabouhallawa webkit-unassigned minhtranite simon.fraser zimmermann oldest_to_newest 1564730 0 377187 sabouhallawa 2019-08-23 17:48:26 -0700 Created attachment 377187 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. 1564732 1 sabouhallawa 2019-08-23 17:49:44 -0700 Related failed WPT test: https://wpt.fyi/results/svg/extensibility/foreignObject/stacking-context.html?label=master&label=experimental&aligned 377187 2019-08-23 17:48:26 -0700 2019-08-23 17:48:26 -0700 test case test005.html text/html 669 sabouhallawa PHN0eWxlPgogICAgKiB7CiAgICAgICAgbWFyZ2luOiAwOwogICAgfQogICAgLmJveCB7CiAgICAg ICAgd2lkdGg6IDEwMHB4OwogICAgICAgIGhlaWdodDogMTAwcHg7CiAgICAgICAgYm9yZGVyOiAx cHggc29saWQgYmxhY2s7CiAgICB9Cjwvc3R5bGU+Cjxib2R5PgogICAgPHN2ZyBzdHlsZT0id2lk dGg6IDIwMHB4OyBoZWlnaHQ6IDIwMHB4OyBvdmVyZmxvdzogdmlzaWJsZTsgZGlzcGxheTogYmxv Y2siPgogICAgICAgIDxmb3JlaWduT2JqZWN0IHdpZHRoPTIwMCBoZWlnaHQ9MjAwPgogICAgICAg ICAgICA8ZGl2IGNsYXNzPSJib3giIHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7IHotaW5kZXg6 IDE7IHRvcDogNDBweDsgbGVmdDogNDBweDsgYmFja2dyb3VuZDogbGlnaHRibHVlOyI+PC9kaXY+ CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImJveCIgc3R5bGU9InBvc2l0aW9uOiBhYnNvbHV0ZTsg ei1pbmRleDogMjsgdG9wOiAyMHB4OyBsZWZ0OiAyMHB4OyBiYWNrZ3JvdW5kOiBsaWdodGdyZWVu OyI+PC9kaXY+CiAgICAgICAgPC9mb3JlaWduT2JqZWN0PgogICAgPC9zdmc+CiAgICA8ZGl2IGNs YXNzPSJib3giIHN0eWxlPSJwb3NpdGlvbjogYWJzb2x1dGU7IHRvcDogNjBweDsgbGVmdDogNjBw eDsgIGJhY2tncm91bmQ6IGxpZ2h0Z3JheTsiPjwvZGl2Pgo8L2JvZHk+