Allow full range slider (#3566)

not-matt · endigo9740 · web-flow · commit 2e55fd6a9719 · 2025-07-03T10:07:36.000-05:00
Co-authored-by: Chris Simmons &lt;gundamx9740@gmail.com&gt;
diff --git a/.changeset/dry-paws-lie.md b/.changeset/dry-paws-lie.md
@@ -0,0 +1,5 @@
+---
+"@skeletonlabs/skeleton": patch
+---
+
+bugfix: Allow thumb to slide full length in range slider for all browsers
diff --git a/packages/skeleton/src/utilities/form-inputs.css b/packages/skeleton/src/utilities/form-inputs.css
@@ -60,6 +60,7 @@
 	&[type='range'] {
 		accent-color: var(--color-surface-950-50);
 		box-shadow: none;
+		padding-inline: initial;
 	}
 
 	/* Color Picker Input --- */

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@skeletonlabs/skeleton": patch
 +---
++
 +bugfix: Allow thumb to slide full length in range slider for all browsers
Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,7 @@`
`60`	`60`	`&[type='range'] {`
`61`	`61`	`accent-color: var(--color-surface-950-50);`
`62`	`62`	`box-shadow: none;`
	`63`	`+ padding-inline: initial;`
`63`	`64`	`}`
`64`	`65`
`65`	`66`	`/* Color Picker Input --- */`