Fix invalidation of scrollbar-gutter on the root element if overflow isn't specified.
Differential Revision: https://phabricator.services.mozilla.com/D198568
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1874093
gecko-commit: 8dcb680cf24d8a49ec94d355f0d541857cd55be2
gecko-reviewers: TYLin, layout-reviewers
diff --git a/css/css-overflow/scrollbar-gutter-dynamic-004-ref.html b/css/css-overflow/scrollbar-gutter-dynamic-004-ref.html
new file mode 100644
index 0000000..edafd49
--- /dev/null
+++ b/css/css-overflow/scrollbar-gutter-dynamic-004-ref.html
@@ -0,0 +1,9 @@
+<!doctype html>
+<meta charset="utf-8">
+<style>
+p {
+ background-color: purple;
+ color: white;
+}
+</style>
+<p>Should not have space around me in the inline axis.</p>
diff --git a/css/css-overflow/scrollbar-gutter-dynamic-004.html b/css/css-overflow/scrollbar-gutter-dynamic-004.html
new file mode 100644
index 0000000..07b66ee
--- /dev/null
+++ b/css/css-overflow/scrollbar-gutter-dynamic-004.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>CSS Overflow: scrollbar-gutter changing dynamically on the root element</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel="author" href="https://mozilla.org" title="Mozilla">
+<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1874093">
+<link rel="match" href="scrollbar-gutter-dynamic-004-ref.html">
+<style>
+:root {
+ scrollbar-gutter: stable both-edges;
+}
+p {
+ background-color: purple;
+ color: white;
+}
+</style>
+<p>Should not have space around me in the inline axis.</p>
+<script>
+ document.documentElement.getBoundingClientRect();
+ document.addEventListener("TestRendered", function() {
+ document.documentElement.style.scrollbarGutter = "initial";
+ document.documentElement.className = "";
+ });
+</script>
