Bug 1872006 - Don't clip range input overflow. r=dholbert

HTML spec issue / PR: whatwg/html#10025 Differential Revision: https://phabricator.services.mozilla.com/D197327
vinnydiehl · Dec 29, 2023 · a340e52 · a340e52
1 parent 359c619
commit a340e52
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/layout/style/res/forms.css b/layout/style/res/forms.css
@@ -527,7 +527,7 @@ input[type=color] {
 }
 
 /* https://github.com/whatwg/html/issues/9976 */
-input:not([type=image i]) {
+input:not([type=image i], [type=range i]) {
   overflow: clip !important;
   overflow-clip-margin: 0px !important;
 }

diff --git a/testing/web-platform/tests/html/semantics/forms/the-input-element/range.html b/testing/web-platform/tests/html/semantics/forms/the-input-element/range.html
@@ -57,6 +57,10 @@ <h1>Input Range</h1>
         "range type support on input element"
       );
 
+      test(function() {
+        assert_equals(getComputedStyle(document.getElementById('range_basic')).overflow, "visible");
+      }, "range overflow styles");
+
       test(
         function() {
           assert_equals(document.getElementById('range_basic').min, "0")