Issue with left handle of RangeSlider when `min` prop is set to a negative value
See original GitHub issueWhat package has an issue
Describe the bug
Left handle of RangeSlider is not draggable if min
prop is set to a negative value.
What version of @mantine/hooks page do you have in package.json?
5.7.1
If possible, please include a link to a codesandbox with the reproduced problem
https://codesandbox.io/s/clever-dhawan-ly7qy0
Do you know how to fix the issue
No
Are you willing to participate in fixing this issue and create a pull request with the fix
Yes
Possible fix
No response
Issue Analytics
- State:
- Created 10 months ago
- Comments:7 (7 by maintainers)
Top Results From Across the Web
How can I have a range slider with negative values?
Set min value to -80 and add padding-left to the slider to let the user think that -90 is the min value. const...
Read more >[Slider] Reverse range Slider orientation · Issue #18690 - GitHub
I'd like my max value on the left end of a horizontal slider and the min value on the right end. I've been...
Read more ><input type="range"> - HTML: HyperText Markup Language
elements of type range let the user specify a numeric value which must be no less than a given value, and no more...
Read more >A Sliding Nightmare: Understanding the Range Input
Sometimes the computed values we get weren't explicitly set, ... much of a problem – a margin-left set only on ::-ms-track could fix...
Read more >Dash Mantine Components new release - 0.11.0a0
Official documentation and collection of ready-made Plotly Dash ... move RangeSlider left handle when min prop is set to a negative value.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Fixed in 5.7.2
I was able to fix this issue by making some changes to the
setRangedValue
function in theRangeSlider
component: