scroll with 'handle' is erratic

[davidmaxwaterman]

If you specify a height and overflow-y: scroll, then the scroll is erratic when using the scrollbar handle.

Expected outcome

Smooth/deterministic scroll.

Actual outcome

Erratic scrolling.

Live Demo

https://embed.plnkr.co/2R2TRC/

Steps to reproduce

1. Open the page in a web browser.
2. Attempt to scroll using the scrollbar. Notably, clicking in a blank region of the scrollbar always moved back to the top (or is it the currently selected item?); similarly for clicking on the down arrow on the bottom of the scroll bar.
3. Notice easy workaround of using a surrounding div (commented out in the demo).

Browsers Affected

• [X ] Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[skrivanos]

+1

[ThomasCybulski]

+1