Diff
Modified: trunk/LayoutTests/ChangeLog (277080 => 277081)
--- trunk/LayoutTests/ChangeLog 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/ChangeLog 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,3 +1,12 @@
+2021-05-06 Tim Nguyen <[email protected]>
+
+ Re-import css/css-will-change WPTs
+ https://bugs.webkit.org/show_bug.cgi?id=225444
+
+ Reviewed by Youenn Fablet.
+
+ * TestExpectations:
+
2021-05-06 Philippe Normand <[email protected]>
REGRESSION(r271341): media/media-fullscreen-inline.html times out on GTK
Modified: trunk/LayoutTests/TestExpectations (277080 => 277081)
--- trunk/LayoutTests/TestExpectations 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/TestExpectations 2021-05-06 11:25:57 UTC (rev 277081)
@@ -4895,10 +4895,17 @@
webkit.org/b/224928 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html [ ImageOnlyFailure ]
webkit.org/b/225035 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html [ ImageOnlyFailure ]
webkit.org/b/225034 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html [ ImageOnlyFailure ]
+webkit.org/b/225442 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html [ ImageOnlyFailure ]
+webkit.org/b/225443 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html [ ImageOnlyFailure ]
+webkit.org/b/225441 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html [ ImageOnlyFailure ]
webkit.org/b/224902 [ Debug ] imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html [ Skip ]
+# Implement offset-* properties
+webkit.org/b/139128 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html [ ImageOnlyFailure ]
+webkit.org/b/139128 imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html [ ImageOnlyFailure ]
+
# Needs -webkit-backdrop-filter to be unprefixed
-webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html [ ImageOnlyFailure ]
+webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html [ ImageOnlyFailure ]
webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html [ ImageOnlyFailure ]
webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html [ ImageOnlyFailure ]
webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html [ ImageOnlyFailure ]
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,5 +1,70 @@
2021-05-06 Tim Nguyen <[email protected]>
+ Re-import css/css-will-change WPTs
+ https://bugs.webkit.org/show_bug.cgi?id=225444
+
+ Reviewed by Youenn Fablet.
+
+ * web-platform-tests/css/css-will-change/w3c-import.log:
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html: Removed.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-001.html: Removed.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html: Removed.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html: Removed.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-height-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-height-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2.html: Renamed from LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-position-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-position-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html: Added.
+
+2021-05-06 Tim Nguyen <[email protected]>
+
Re-import css/css-counter-styles WPT
Unreviewed. Trivial WPT re-import.
Modified: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log 2021-05-06 11:25:57 UTC (rev 277081)
@@ -36,15 +36,61 @@
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html
-/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image-expected.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image.html
/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-contain-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: contain' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: contain; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-filter-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: filter' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: filter; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-height-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: height' does not create a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: height; margin: 100px 0 0 100px; background: red }
+.child { top: 100px; left: 100px; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 150px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-offset-path-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: offset-path' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: offset-path; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-perspective-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: perspective' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: perspective; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-position-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: position' does not create a containing block for fixed positioned elements but does create a containing block for absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: position; margin: 100px 0 0 100px; background: red }
+.child { width: 50px; background: green }
+#fixpos { position: fixed; top: 100px; left: 100px }
+#abspos { position: absolute; top: 0; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: transform' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: transform; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-transform-style-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: transform-style' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: transform-style; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; margin: 100px 0 0 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixpos-cb-translate-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: translate' creates a containing block for fixed positioned elements</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would cause the element to generate a containing block for fixed-position elements, specifying that property in will-change must cause the element to generate a containing block for fixed-position elements.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: translate; margin: 100px 0 0 100px; background: red }
+.child { top: 0; left: 0; width: 50px; background: green }
+#fixpos { position: fixed }
+#abspos { position: absolute; left: 50px }
+</style>
+<body>
+ <div id="wc">
+ <div class="child" id="fixpos">
+ </div>
+ <div class="child" id="abspos">
+ </div>
+ </div>
+</body>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,11 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test Reference</title>
-<style>
- div {
- background: green;
- width: 100px;
- height: 100px;
- }
-</style>
-<div></div>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,36 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test: will-change: filter should create a stacking context.</title>
-<link rel="author" title="Philip Rogers" href=""
-<link rel="help" href=""
-<link rel="help" href=""
-<link rel="help" href=""
-<link rel="match" href=""
-<style>
- .indicator {
- position: absolute;
- background-color: green;
- z-index: 1;
- }
- .willchange {
- will-change: filter;
- z-index: 0;
- }
- .child {
- position: relative;
- background-color: red;
- z-index: 2;
- }
- .box {
- width: 100px;
- height: 100px;
- }
-</style>
-
-<div class="indicator box"></div>
-<div class="willchange box">
- <!-- Because will-change: filter creates a stacking context, this child
- remains on bottom even though it has a higher z-index than the indicator
- box. -->
- <div class="child box"></div>
-</div>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,11 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test Reference</title>
-<style>
- div {
- background: green;
- width: 100px;
- height: 100px;
- }
-</style>
-<div></div>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,36 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test: will-change: backdrop-filter should create a stacking context.</title>
-<link rel="author" title="Philip Rogers" href=""
-<link rel="help" href=""
-<link rel="help" href=""
-<link rel="help" href=""
-<link rel="match" href=""
-<style>
- .indicator {
- position: absolute;
- background-color: green;
- z-index: 1;
- }
- .willchange {
- will-change: backdrop-filter;
- z-index: 0;
- }
- .child {
- position: relative;
- background-color: red;
- z-index: 2;
- }
- .box {
- width: 100px;
- height: 100px;
- }
-</style>
-
-<div class="indicator box"></div>
-<div class="willchange box">
- <!-- Because will-change: backdrop-filter creates a stacking context, this
- child remains on bottom even though it has a higher z-index than the
- indicator box. -->
- <div class="child box"></div>
-</div>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,11 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test Reference</title>
-<style>
- div {
- background: green;
- width: 100px;
- height: 100px;
- }
-</style>
-<div></div>
Deleted: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html (277080 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html 2021-05-06 11:11:39 UTC (rev 277080)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -1,36 +0,0 @@
-<!doctype html>
-<meta charset="utf-8">
-<title>CSS Test: will-change: opacity should create a stacking context for inlines.</title>
-<link rel="author" title="Philip Rogers" href=""
-<link rel="help" href=""
-<link rel="help" href=""
-<link rel="match" href=""
-<style>
- .indicator {
- position: absolute;
- width: 100px;
- height: 100px;
- background: green;
- z-index: 1;
- }
- .will-change-opacity {
- will-change: opacity;
- width: 100px;
- height: 100px;
- }
- .top {
- position: absolute;
- width: 100px;
- height: 100px;
- background: red;
- z-index: 3;
- }
-</style>
-
-<div class="indicator"></div>
-<span class="will-change-opacity">
- <!-- Because will-change: opacity creates a stacking context, this child
- remains on bottom even though it has a higher z-index than the indicator
- box. -->
- <div class="top"></div>
-</span>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html (from rev 277080, trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html) (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-backdrop-filter-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,37 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter should create a stacking context.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ html, body { margin: 0; }
+ .indicator {
+ position: absolute;
+ background-color: green;
+ z-index: 1;
+ }
+ .willchange {
+ will-change: backdrop-filter;
+ z-index: 0;
+ }
+ .child {
+ position: relative;
+ background-color: red;
+ z-index: 2;
+ }
+ .box {
+ width: 100px;
+ height: 100px;
+ }
+</style>
+
+<div class="indicator box"></div>
+<div class="willchange box">
+ <!-- Because will-change: backdrop-filter creates a stacking context, this
+ child remains on bottom even though it has a higher z-index than the
+ indicator box. -->
+ <div class="child box"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-clip-path-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: clip-path' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: clip-path; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-filter-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: filter' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: filter; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-height-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: height' does not create a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: height; background: green }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: red }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-isolation-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: isolation; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mask-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: mask' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: mask; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-mix-blend-mode-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: mix-blend-mode; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-offset-path-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: offset-path' creates a stacking context</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: offset-path; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: opacity' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: opacity; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Copied: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2.html (from rev 277080, trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html) (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-opacity-2.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,37 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: opacity should create a stacking context for inlines.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ html, body { margin: 0; }
+ .indicator {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ background: green;
+ z-index: 1;
+ }
+ .will-change-opacity {
+ will-change: opacity;
+ width: 100px;
+ height: 100px;
+ }
+ .top {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ background: red;
+ z-index: 3;
+ }
+</style>
+
+<div class="indicator"></div>
+<span class="will-change-opacity">
+ <!-- Because will-change: opacity creates a stacking context, this child
+ remains on bottom even though it has a higher z-index than the indicator
+ box. -->
+ <div class="top"></div>
+</span>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-perspective-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: perspective' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: perspective; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-position-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: position' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: position; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: transform' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: transform; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-transform-style-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: transform-style' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: transform-style; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-translate-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: translate' creates a stacking context</title>
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: translate; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change reference</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px; background: green }
+</style>
+<body>
+ <div></div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-z-index-1.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS will-change: 'will-change: z-index' creates a stacking context</title>
+<link rel="author" title="L. David Baron" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.">
+<style>
+html, body { margin: 0; padding: 0; }
+div { width: 100px; height: 100px }
+#wc { will-change: z-index; background: red }
+#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
+</style>
+<body>
+ <div id="wc">
+ <div id="child">
+ </div>
+ </div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled-expected.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled-expected.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<div style="width: 20px; height: 20px; margin-top: 10000px; background: green"></div>
+<script>window.scrollTo(0, 10000);</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html (0 => 277081)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html 2021-05-06 11:25:57 UTC (rev 277081)
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href=""
+<link rel="match" href=""
+<div style="width: 20px; height: 20px; margin-top: 10000px; background: green; will-change: transform"></div>
+<script>
+// Incrementally scroll to the bottom.
+var lastScrollY = 0;
+function scroll() {
+ window.scrollBy(0, 200);
+ if (window.scrollY > lastScrollY) {
+ lastScrollY = window.scrollY;
+ requestAnimationFrame(scroll);
+ } else {
+ document.documentElement.classList.remove('reftest-wait');
+ }
+}
+requestAnimationFrame(scroll);
+</script>
