1 files changed, 34 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/contain-html-dir-001.html b/testing/web-platform/tests/css/css-contain/contain-html-dir-001.html
new file mode 100644
index 0000000000..c02c2e2765
--- /dev/null
+++ b/testing/web-platform/tests/css/css-contain/contain-html-dir-001.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang=en>
+  <meta charset=utf-8>
+  <title>CSS-contain test: layout containment on html prevents direction propagation</title>
+  <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+  <meta name=flags content="">
+  <meta name=assert content="layout containment on html prevents direction propagation">
+  <link rel="match" href="reference/contain-body-w-m-001-ref.html">
+  <link rel=help href="https://drafts.csswg.org/css-contain-1/#contain-property">
+
+<style>
+html::before {
+    content: "";
+    width: 100px;
+    height: 100px;
+    background: orange;
+    display: block;
+}
+p {
+    margin: 0;
+    direction: ltr;
+}
+body {
+    margin: 0 auto 0 0;
+    width: 200px;
+    height: 200px;
+    direction: rtl;
+}
+html {
+    contain: layout;
+}
+</style>
+
+<p>Test passes if the orange square is in the upper-left corner.