Clicking on track on vertical slider is buggy

[pt8o]

This can be reproduced on the your demo site itself.

1. Scroll down to the vertical slider. Click on the track: the nearest thumb should jump to where you clicked
2. Refresh the page (e.g. cmd+r). The page should reload already scrolled to the same location.
3. Click the track

Expected:

• nearest thumb should jump to where you clicked

Actual:

• the bottom thumb gets selected, but doesn't move
• you can slide it up and down by moving the cursor, but the cursor and thumb are in different places on the page
• clicking on the track again will jump the bottom thumb to the bottom of the slider

Tested on Linux and Mac using the latest Firefox and Chrome.

If you scroll to the top of the page again and then reload, it works again! So this bug only seems to happen if you refresh the page while scrolled down.

[stonebk]

OK, I wasn't able to repro in Chrome, but it did repro in Firefox.

[stonebk]

Also, thank you @pt8o for the detailed bug report!

[stonebk]

Looks like it is only an issue with the vertical slider, can you confirm?

[pt8o]

@stonebk yep, only on the vertical slider.

I was able to reproduce on Chromium on Linux, I can try Chrome on Mac again tomorrow

[stonebk]

OK, the issue isn't browser related, it's related to window scrolling. If you are scrolled to the top, it works as expected, but if you scroll down, then it breaks.

Working on a fix...

[stonebk]

Published in react-slider@1.0.2