Bug 1704849 [wpt PR 28456] - Add test for crbug.com/1183814, a=testonly
authorXianzhu Wang <wangxianzhu@chromium.org>
Fri, 23 Apr 2021 10:14:11 +0000
changeset 577208 dcdc04c568de39b4371248b5e1104ca01e6e434d
parent 577207 2edc66a43f278ba30ba7cb1bba1935aaecafcc0e
child 577209 e41c838de7bdc58f34c0bda86c579040f73682cc
push id141827
push userwptsync@mozilla.com
push dateSat, 24 Apr 2021 02:11:12 +0000
treeherderautoland@3a7d9d49c316 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1704849, 28456, 1183814, 2822978, 871959
milestone90.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1704849 [wpt PR 28456] - Add test for crbug.com/1183814, a=testonly Automatic update from web-platform-tests Add test for crbug.com/1183814 The test fails in pre-CompositeAfterPaint because the blink compositor is confused by the non-stacked stacking-context foeignObject when squashing layers. Bug: 1183814 Change-Id: Ifd8ada323a18788f6ce687ff57b40d1411e37a7c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2822978 Reviewed-by: Fredrik Söderquist <fs@opera.com> Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/master@{#871959} -- wpt-commits: 658e6fff0681b5f5eb700e2bd4bbd86550d37743 wpt-pr: 28456
testing/web-platform/tests/svg/extensibility/foreignObject/scroll-transform-nested-stacked-children-ref.html
testing/web-platform/tests/svg/extensibility/foreignObject/scroll-transform-nested-stacked-children.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/extensibility/foreignObject/scroll-transform-nested-stacked-children-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<div style="height: 200px; overflow: scroll; background: white">
+  <div style="display: inline-block; width: 300px; height: 300px">
+    <div style="background: green; width: 100px; height: 100px; position: relative; top: 50px; left: 50px"></div>
+  </div>
+</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/svg/extensibility/foreignObject/scroll-transform-nested-stacked-children.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<title>foreignObject under scroll and transform, with nested stacked children</title>
+<link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#render-EstablishingStackingContex">
+<link rel="match" href="scroll-transform-nested-stacked-children-ref.html">
+<div style="height: 200px; overflow: scroll; background: white">
+  <svg width="300" height="300">
+    <g transform="translate(50, 50)">
+      <foreignObject width="100" height="100">
+        <div style="background: red; width: 100px; height: 100px; position: relative">
+          <div style="background: green; width: 100px; height: 100px; position: relative"></div>
+        </div>
+      </foreignObject>
+    </g>
+  </svg>
+</div>