First onChange in a slider greater than the viewport not registering correctly

[luizcieslak]

Hi! I noticed a minor issue in a slider when it is greater than the viewport width documented in this codesandbox.

Steps:

• scroll horizontally the page all until the end
• click in the very end of the slider as you were selecting the ~100 value.
• Instead of jumping to ~100, the slider goes to ~18.
• Repeat steps and then the slider finally goes to ~100.

https://github.com/tajo/react-range/assets/14146176/d187bc81-c1ff-49a6-a437-35eb674a76b1

I haven't found the root cause yet and can update this issue later

[luizcieslak]

after some digging: https://github.com/tajo/react-range/blob/2a634cd56b40710fa9519fd20bb6385302a51045/src/Range.tsx#L147

inside the onMove function, the trackRect.left above doesn't update its value if you scroll the page before interacting with the range

[ahsan-sabir]

@luizcieslak have you found any workaround?

[luizcieslak]

I haven't @ahsan-sabir 😢