diff --git a/browser/base/content/test/static/browser_parsable_css.js b/browser/base/content/test/static/browser_parsable_css.js
index 9b6396a12615..59e5174e327c 100644
--- a/browser/base/content/test/static/browser_parsable_css.js
+++ b/browser/base/content/test/static/browser_parsable_css.js
@@ -91,6 +91,14 @@ if (!Services.prefs.getBoolPref("full-screen-api.unprefix.enabled")) {
});
}
+if (!Services.prefs.getBoolPref("layout.css.scrollbar-width.enabled")) {
+ whitelist.push({
+ sourceName: /(?:res|gre-resources)\/forms\.css$/i,
+ errorMessage: /Unknown property .*\bscrollbar-width\b/i,
+ isFromDevTools: false,
+ });
+}
+
let propNameWhitelist = [
// These are CSS custom properties that we found a definition of but
// no reference to.
diff --git a/layout/style/res/forms.css b/layout/style/res/forms.css
index 803370b9c580..87271bebc8a7 100644
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -163,6 +163,7 @@ textarea > .preview-div {
display: inline-block;
ime-mode: inherit;
resize: inherit;
+ scrollbar-width: inherit;
-moz-control-character-visibility: visible;
overflow-clip-box: inherit;
}
diff --git a/testing/web-platform/meta/MANIFEST.json b/testing/web-platform/meta/MANIFEST.json
index 2c1ff3f9d5ad..4a9467c154f7 100644
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -131833,6 +131833,18 @@
{}
]
],
+ "css/css-scrollbars/textarea-scrollbar-width-none.html": [
+ [
+ "/css/css-scrollbars/textarea-scrollbar-width-none.html",
+ [
+ [
+ "/css/css-scrollbars/textarea-scrollbar-width-none-ref.html",
+ "=="
+ ]
+ ],
+ {}
+ ]
+ ],
"css/css-scrollbars/viewport-scrollbar-body.html": [
[
"/css/css-scrollbars/viewport-scrollbar-body.html",
@@ -261203,6 +261215,11 @@
{}
]
],
+ "css/css-scrollbars/textarea-scrollbar-width-none-ref.html": [
+ [
+ {}
+ ]
+ ],
"css/css-scrollbars/viewport-scrollbar-body-ref.html": [
[
{}
@@ -549827,6 +549844,14 @@
"95101024b4f27e93eb2c61c52df70845ae5842bf",
"support"
],
+ "css/css-scrollbars/textarea-scrollbar-width-none-ref.html": [
+ "9f505dd7f1d121c0bd0af0131b51f536225326b1",
+ "support"
+ ],
+ "css/css-scrollbars/textarea-scrollbar-width-none.html": [
+ "dcfaf5b6270ee0e0092dc795d33bb01af0b9a695",
+ "reftest"
+ ],
"css/css-scrollbars/viewport-scrollbar-body-ref.html": [
"4e07903e2ca1e5d0378845c8cc4754dc82b1ebf8",
"support"
diff --git a/testing/web-platform/meta/css/css-scrollbars/textarea-scrollbar-width-none.html.ini b/testing/web-platform/meta/css/css-scrollbars/textarea-scrollbar-width-none.html.ini
new file mode 100644
index 000000000000..e39232504672
--- /dev/null
+++ b/testing/web-platform/meta/css/css-scrollbars/textarea-scrollbar-width-none.html.ini
@@ -0,0 +1,2 @@
+[textarea-scrollbar-width-none.html]
+ prefs: [layout.css.scrollbar-width.enabled:true]
diff --git a/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none-ref.html b/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none-ref.html
new file mode 100644
index 000000000000..9f505dd7f1d1
--- /dev/null
+++ b/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none-ref.html
@@ -0,0 +1,16 @@
+
+
+CSS Reference
+
+
+
+
+
diff --git a/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none.html b/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none.html
new file mode 100644
index 000000000000..dcfaf5b6270e
--- /dev/null
+++ b/testing/web-platform/tests/css/css-scrollbars/textarea-scrollbar-width-none.html
@@ -0,0 +1,18 @@
+
+
+CSS Test: scrollbar-width should apply on <textarea>
+
+
+
+
+
+
+