min prop is opposite of what is expected

[Yamikaze123]

I don't see much documentation on min prop in the README, so please correct me if I am understanding this wrongly, but passing value to min prop is having the opposite effect as it should. Passing a positive value is causing the thumb to move left

• Issue: passing positive value to min prop is causing thumb to move left
• Replication: https://codesandbox.io/p/sandbox/airbnb-rheostat-forked-wxn9j5?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522cm02kllnc00063b5tb3bxzpwo%2522%252C%2522sizes%2522%253A%255B100%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522cm02kllnc00023b5t6o41t0nb%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522cm02kllnc00033b5t7ajvhhfd%2522%257D%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522cm02kllnc00053b5t3erhvrpy%2522%257D%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cm02kllnc00023b5t6o41t0nb%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cm02kllnb00013b5tyczvbibn%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252Findex.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522cm02pjxp5000v3b5t01k36akm%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.js%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522cm02kllnc00023b5t6o41t0nb%2522%252C%2522activeTabId%2522%253A%2522cm02pjxp5000v3b5t01k36akm%2522%257D%252C%2522cm02kllnc00053b5t3erhvrpy%2522%253A%257B%2522id%2522%253A%2522cm02kllnc00053b5t3erhvrpy%2522%252C%2522activeTabId%2522%253A%2522cm02pk9l7000k3b5txj2kipiw%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522cm02kllnc00043b5tlq0fjdwl%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%257D%252C%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A0%252C%2522id%2522%253A%2522cm02pk9l7000k3b5txj2kipiw%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%252C%2522cm02kllnc00033b5t7ajvhhfd%2522%253A%257B%2522tabs%2522%253A%255B%255D%252C%2522id%2522%253A%2522cm02kllnc00033b5t7ajvhhfd%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D
• Expected behavior: positive min prop value should move slider thumb to right

[ljharb]

I'm not sure what you're asking; min is the minimum value. It's not meant to be changed.

I do see the odd behavior when the value is already set to something below the new minimum value, and that should be fixed here by clamping the current value so it's not less than the min.

[Yamikaze123]

It is a visual discrepancy. As you mentioned, min is the minimum value but passing a positive value to min is moving the slider left, meaning user can see that 0 is still a valid value, which it should not. If we move the slider right, it shows that we can only have values more than min

[ljharb]

It's not about that - it's that you default the values to [0], and you're responsible for ensuring that none of the values are greater than the min.

If you change the default to Math.min(0, m) where m is the min value, it'll work fine.

[Yamikaze123]

That makes sense, setting the default to Math.max(0, min) does the trick