diff --git a/tests/wpt/meta/MANIFEST.json b/tests/wpt/meta/MANIFEST.json
index 73b97129fff..6ae1705fce9 100644
--- a/tests/wpt/meta/MANIFEST.json
+++ b/tests/wpt/meta/MANIFEST.json
@@ -623925,7 +623925,7 @@
       ]
      ],
      "scrollWidthHeight-negative-margin-002.html": [
-      "1192680c0351cf63259974e2ef46de93158fb83a",
+      "d084f4b396e85f56b9c63d9f028fcae58010a343",
       [
        null,
        {}
diff --git a/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini b/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini
index 531b67bb161..dbd1376dbed 100644
--- a/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini
+++ b/tests/wpt/meta/css/cssom-view/scrollWidthHeight-negative-margin-002.html.ini
@@ -1,217 +1,30 @@
 [scrollWidthHeight-negative-margin-002.html]
-  expected: ERROR
-  [scrollWidth with negative margins: display: block; overflow: visible;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: visible;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: hidden;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: hidden;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: auto;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: auto;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: scroll;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: scroll;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: visible; direction: ltr;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: visible; direction: ltr;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: hidden; direction: ltr;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: hidden; direction: ltr;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: auto; direction: ltr;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: auto; direction: ltr;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: scroll; direction: ltr;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: scroll; direction: ltr;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: visible; direction: rtl;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: visible; direction: rtl;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: hidden; direction: rtl;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: hidden; direction: rtl;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: auto; direction: rtl;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: auto; direction: rtl;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: scroll; direction: rtl;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: block; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;]
+    expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;]
+    expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: wrap-reverse;]
     expected: FAIL
@@ -219,51 +32,33 @@
   [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;]
+    expected: FAIL
 
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;]
+    expected: FAIL
 
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
@@ -282,6 +77,12 @@
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;]
+    expected: FAIL
+
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;]
+    expected: FAIL
+
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
@@ -306,152 +107,74 @@
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;]
+    expected: FAIL
+
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;]
+    expected: FAIL
+
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: row-reverse wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;]
+    expected: FAIL
 
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;]
+    expected: FAIL
 
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: visible; direction: ltr; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: hidden; direction: ltr; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;]
+    expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: scroll; direction: ltr; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: visible; direction: rtl; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: hidden; direction: rtl; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-direction: column-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;]
+    expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-direction: column-reverse;]
     expected: FAIL
@@ -474,6 +197,12 @@
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: ltr; flex-flow: column-reverse wrap-reverse;]
     expected: FAIL
 
+  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;]
+    expected: FAIL
+
+  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;]
+    expected: FAIL
+
   [scrollWidth with negative margins: display: flex; overflow: scroll; direction: ltr; flex-flow: column-reverse wrap-reverse;]
     expected: FAIL
 
@@ -498,194 +227,29 @@
   [scrollHeight with negative margins: display: flex; overflow: auto; direction: rtl; flex-flow: column-reverse wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flow-root; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flow-root; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flow-root; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flow-root; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flow-root; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: clip; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flow-root; overflow: clip; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: wrap-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: wrap-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: row-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: row-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: row-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column wrap-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-direction: column-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;]
-    expected: [FAIL, PASS]
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-direction: column-reverse;]
-    expected: FAIL
-
-  [scrollWidth with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;]
-    expected: FAIL
-
-  [scrollHeight with negative margins: display: flex; overflow: clip; direction: ltr; flex-flow: column-reverse wrap-reverse;]
-    expected: FAIL
-
   [scrollWidth with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column-reverse wrap-reverse;]
     expected: FAIL
 
   [scrollHeight with negative margins: display: flex; overflow: clip; direction: rtl; flex-flow: column-reverse wrap-reverse;]
     expected: FAIL
 
-  [scrollWidth with negative margins: display: grid; overflow: visible; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
+  [scrollWidth with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
+    expected: FAIL
 
-  [scrollWidth with negative margins: display: grid; overflow: hidden; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: grid; overflow: auto; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: grid; overflow: clip; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
-
-  [scrollWidth with negative margins: display: grid; overflow: scroll; direction: ltr; flex-direction: row;]
-    expected: [FAIL, PASS]
+  [scrollHeight with negative margins: display: flex; overflow: scroll; direction: rtl; flex-flow: column-reverse wrap-reverse;]
+    expected: FAIL
 
   [scrollWidth with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: grid; overflow: visible; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: grid; overflow: hidden; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: grid; overflow: auto; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;]
     expected: FAIL
 
-  [scrollHeight with negative margins: display: grid; overflow: clip; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
-
   [scrollWidth with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;]
     expected: FAIL
-
-  [scrollHeight with negative margins: display: grid; overflow: scroll; direction: rtl; flex-direction: row;]
-    expected: [FAIL, PASS]
diff --git a/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html b/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html
index 1192680c035..d084f4b396e 100644
--- a/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html
+++ b/tests/wpt/tests/css/cssom-view/scrollWidthHeight-negative-margin-002.html
@@ -39,6 +39,10 @@ const paddingBox = {
   width: contentBox.width + 4 + 16,
   height: contentBox.height + 1 + 8,
 };
+function* writingModes() {
+  yield "horizontal-tb";
+  yield* ["vertical-lr", "vertical-rl"].filter(writingMode => CSS.supports("writing-mode", writingMode));
+}
 for (let display of ["flow-root", "flex", "grid"]) {
   for (let flexDirection of ["row", "row-reverse", "column", "column-reverse"]) {
     if (flexDirection != "row" && display != "flex") {
@@ -51,7 +55,7 @@ for (let display of ["flow-root", "flex", "grid"]) {
         continue;
       }
       for (let direction of ["ltr", "rtl"]) {
-        for (let writingMode of ["horizontal-tb", "vertical-lr", "vertical-rl"]) {
+        for (let writingMode of writingModes()) {
           for (let overflow of ["visible", "hidden", "auto", "clip", "scroll"]) {
             wrapper.style.display = display;
             wrapper.style.overflow = overflow;