Do not propagate body styles when html root or body is contained

lilles · chromium-wpt-export-bot · commit ff172683f160 · 2021-06-04T07:36:27.000-07:00
Per resolution in [1]. [1] w3c/csswg-drafts#5913 Bug: 1215265 Change-Id: I50f142245cdb55b422f8a6f3d9690444bf3648aa
diff --git a/css/css-backgrounds/background-color-body-propagation-008.html b/css/css-backgrounds/background-color-body-propagation-008.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Backgrounds and Borders Test: Do not propagate body background when html root is contained</title>
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#special-backgrounds">
+<link rel="match" href="../reference/blank.html">
+<style>
+  html { contain: paint; }
+  body { background: red; }
+</style>
+<body></body>
diff --git a/css/css-overflow/overflow-body-propagation-011-ref.html b/css/css-overflow/overflow-body-propagation-011-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<div style="overflow:scroll">PASS if BODY has scrollbars, but not viewport.</div>
diff --git a/css/css-overflow/overflow-body-propagation-011.html b/css/css-overflow/overflow-body-propagation-011.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: HTML root containment stops overflow propagation from BODY</title>
+<link rel="help" href="https://drafts.csswg.org/css-overflow/#overflow-propagation">
+<link rel="match" href="overflow-body-propagation-011-ref.html">
+<style>
+  html {
+    contain: paint;
+  }
+  body {
+    overflow: scroll;
+  }
+</style>
+<body>PASS if BODY has scrollbars, but not viewport.</body>
diff --git a/css/css-writing-modes/direction-propagation-body-contain-root-ref.html b/css/css-writing-modes/direction-propagation-body-contain-root-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<body style="margin:0">This text should be left aligned.</body>
diff --git a/css/css-writing-modes/direction-propagation-body-contain-root.html b/css/css-writing-modes/direction-propagation-body-contain-root.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Writing Modes Test: Do not propagate direction from body when html root is contained</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#principal-flow">
+<link rel="match" href="direction-propagation-body-contain-root-ref.html">
+<style>
+  html { contain: paint; }
+  body { direction: rtl; display: inline; }
+</style>
+<body></body>
+<script>
+  document.documentElement.insertBefore(document.createTextNode("This text should be left aligned."), document.body);
+</script>
diff --git a/css/css-writing-modes/wm-propagation-body-contain-root-ref.html b/css/css-writing-modes/wm-propagation-body-contain-root-ref.html
@@ -0,0 +1,4 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<div style="writing-mode:vertical-rl">This text should run vertically on the left side</body>
diff --git a/css/css-writing-modes/wm-propagation-body-contain-root.html b/css/css-writing-modes/wm-propagation-body-contain-root.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Writing Modes Test: Do not propagate writing-mode from body when html root is contained</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#principal-flow">
+<link rel="match" href="wm-propagation-body-contain-root-ref.html">
+<style>
+  html { contain: paint; }
+  body { writing-mode: vertical-rl; }
+</style>
+<body>This text should run vertically on the left side</body>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +>
 +<meta charset="utf-8">
 +<title>CSS Test Referencetitle>
 +<div style="overflow:scroll">PASS if BODY has scrollbars, but not viewport.div>