diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index cfe571f4892..84e624262c3 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -3960,6 +3960,30 @@
             "url": "/_mozilla/css/overflow_simple_a.html"
           }
         ],
+        "css/overflow_transformed_sc.html": [
+          {
+            "path": "css/overflow_transformed_sc.html",
+            "references": [
+              [
+                "/_mozilla/css/overflow_transformed_sc_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/overflow_transformed_sc.html"
+          }
+        ],
+        "css/overflow_transformed_sc_rotate.html": [
+          {
+            "path": "css/overflow_transformed_sc_rotate.html",
+            "references": [
+              [
+                "/_mozilla/css/overflow_transformed_sc_rotate_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/overflow_transformed_sc_rotate.html"
+          }
+        ],
         "css/overflow_wrap_a.html": [
           {
             "path": "css/overflow_wrap_a.html",
@@ -13192,6 +13216,30 @@
           "url": "/_mozilla/css/overflow_simple_a.html"
         }
       ],
+      "css/overflow_transformed_sc.html": [
+        {
+          "path": "css/overflow_transformed_sc.html",
+          "references": [
+            [
+              "/_mozilla/css/overflow_transformed_sc_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/overflow_transformed_sc.html"
+        }
+      ],
+      "css/overflow_transformed_sc_rotate.html": [
+        {
+          "path": "css/overflow_transformed_sc_rotate.html",
+          "references": [
+            [
+              "/_mozilla/css/overflow_transformed_sc_rotate_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/overflow_transformed_sc_rotate.html"
+        }
+      ],
       "css/overflow_wrap_a.html": [
         {
           "path": "css/overflow_wrap_a.html",
diff --git a/tests/wpt/mozilla/tests/css/overflow_transformed_sc.html b/tests/wpt/mozilla/tests/css/overflow_transformed_sc.html
new file mode 100644
index 00000000000..6fbd5e1ef0c
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/overflow_transformed_sc.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Inner stacking contexts' transforms are taken into account for overflow computation</title>
+<link rel="match" href="overflow_transformed_sc_ref.html">
+<style>
+  .outer-sc {
+    transform: translate(-50px, -50px);
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 50px;
+    left: 50px;
+    background: blue;
+  }
+
+  .inner-sc {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 0;
+    left: 0;
+    transform: translate(250px, 250px);
+    background: green;
+  }
+
+  html, body { margin: 0; padding: 0; }
+</style>
+<div class="outer-sc">
+  <div class="inner-sc">
+  </div>
+</div>
diff --git a/tests/wpt/mozilla/tests/css/overflow_transformed_sc_ref.html b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_ref.html
new file mode 100644
index 00000000000..ca67f4ecb13
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_ref.html
@@ -0,0 +1,28 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS test reference</title>
+<style>
+  .outer-sc {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 0;
+    left: 0;
+    background: blue;
+  }
+
+  .inner-sc {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 250px;
+    left: 250px;
+    background: green;
+  }
+
+  html, body { margin: 0; padding: 0; }
+</style>
+<div class="outer-sc">
+  <div class="inner-sc">
+  </div>
+</div>
diff --git a/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate.html b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate.html
new file mode 100644
index 00000000000..5724bb3f1a6
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Inner stacking contexts' transforms are taken into account for overflow computation</title>
+<link rel="match" href="overflow_transformed_sc_rotate_ref.html">
+<style>
+  .outer-sc {
+    transform: translate(-50px, -50px);
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 50px;
+    left: 50px;
+    background: blue;
+  }
+
+  .inner-sc {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 0;
+    left: 0;
+    transform: translate(250px, 250px) rotate(45deg);
+    background: green;
+  }
+
+  html, body { margin: 0; padding: 0; }
+</style>
+<div class="outer-sc">
+  <div class="inner-sc">
+  </div>
+</div>
diff --git a/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate_ref.html b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate_ref.html
new file mode 100644
index 00000000000..0035ffcf217
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/overflow_transformed_sc_rotate_ref.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS test reference.</title>
+<style>
+  .outer-sc {
+    transform: translate(-50px, -50px);
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 50px;
+    left: 50px;
+    background: blue;
+  }
+
+  .inner-sc {
+    position: absolute;
+    width: 250px;
+    height: 250px;
+    top: 0;
+    left: 0;
+    transform: translate(250px, 250px) rotate(45deg);
+    background: green;
+  }
+
+  html, body { margin: 0; padding: 0; }
+</style>
+<div class="outer-sc">
+</div>
+<div class="inner-sc">
+</div>
