Have anonymous element in text input inherit scrollbar-width from the element.

upsuper · moz-wptsync-bot · commit a0fb7d2ce0f9 · 2018-09-06T23:47:42.000-04:00
Differential Revision: https://phabricator.services.mozilla.com/D5101 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1488657 gecko-commit: ab7a4b7fca6579fdba4a1ff692a1e8ec020b0d14 gecko-integration-branch: autoland gecko-reviewers: dholbert
diff --git a/css/css-scrollbars/textarea-scrollbar-width-none-ref.html b/css/css-scrollbars/textarea-scrollbar-width-none-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Reference</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<style>
+  textarea {
+    overflow: hidden;
+    white-space: pre;
+  }
+</style>
+<textarea cols="10" rows="10"></textarea>
+<script>
+  let textarea = document.querySelector("textarea");
+  textarea.value = ('X'.repeat(100) + '\n').repeat(100);
+</script>
diff --git a/css/css-scrollbars/textarea-scrollbar-width-none.html b/css/css-scrollbars/textarea-scrollbar-width-none.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="UTF-8">
+<title>CSS Test: scrollbar-width should apply on &lt;textarea&gt;</title>
+<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
+<link rel="author" title="Mozilla" href="https://www.mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width">
+<link rel="match" href="textarea-scrollbar-width-none-ref.html">
+<style>
+  textarea {
+    scrollbar-width: none;
+    white-space: pre;
+  }
+</style>
+<textarea cols="10" rows="10"></textarea>
+<script>
+  let textarea = document.querySelector("textarea");
+  textarea.value = ('X'.repeat(100) + '\n').repeat(100);
+</script>
