vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.82k stars 6.96k forks source link

[Bug Report] VDatePicker Scrolling Blurs Dates Together #11371

Closed Logikgate closed 4 years ago

Logikgate commented 4 years ago

Environment

Vuetify Version: 2.2.27 Vue Version: 2.6.11 Browsers: Chrome 81.0.4044.138 OS: Mac OS 10.15.4

Steps to reproduce

Use a trackpad to scroll on the date picker. Even minor scroll events cause the dates to fly by and blur together. Using a mouse scroll wheel with detents works well since one detent equals one month change but when using a trackpad to scroll the animation is less predicable.

Expected Behavior

Reacting to scrolling should be throttled so the animation has time to catch up and so the user can see what months they are scrolling through.

Actual Behavior

Scrolling the date picker, especially with a sensitive trackpad, causes the dates to blur together and makes it very difficult to use accurately.

Reproduction Link

https://codepen.io/logikgate/pen/oNjybYo

jacekkarczmarczyk commented 4 years ago

Duplicate of https://github.com/vuetifyjs/vuetify/issues/5546