question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with left handle of RangeSlider when `min` prop is set to a negative value

See original GitHub issue

What package has an issue

@mantine/core

Describe the bug

Left handle of RangeSlider is not draggable if min prop is set to a negative value. rangeslider-mantine

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:closed
  • Created 10 months ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
rtivitalcommented, Nov 12, 2022

Fixed in 5.7.2

1reaction
wes337commented, Nov 7, 2022

I was able to fix this issue by making some changes to the setRangedValue function in the RangeSlider component:

image

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found