search

Binaryify / vue-custom-scrollbar

Minimalistic but perfect custom scrollbar component for Vue.JS
https://binaryify.github.io/vue-custom-scrollbar/
MIT License
144 stars 16 forks source link

Touch scroll-x #8

Open CraZZzzYFOX opened 4 years ago

CraZZzzYFOX commented 4 years ago

Touch scroll-x not working!

UnderTheMoonspell commented 4 years ago

can confirm it does not work.

EDIT: It is working now, although sometimes I can get this error:

[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Binaryify commented 4 years ago

I just updated the dependencies, but I don't know if this problem has been fixed, let me know~ @CraZZzzYFOX @UnderTheMoonspell

UnderTheMoonspell commented 4 years ago

@Binaryify it actually made the problem worse, now as soon as I get the error I mentioned, it breaks the horizontal scroll.

The "Intervention" error also happens in perfect scrollbar (although the scroll doesnt break).

Also one thing I noticed, if I resize the window the scroll doesnt work, ie if I start from desktop (no scroll) and I resize to mobile, the element ps__thumb-x has width 0 (i fixed this by using the update method on the window resize event)

Binaryify commented 4 years ago

could you provide some demo

matiyin commented 3 years ago

I have a similar issue. On Chrome mobile I get the same [Intervention] error as mentioned in this thread. Totally breaks (any) scroll on Chrome mobile. It's basically this issue: https://stackoverflow.com/questions/54534934/how-to-fix-intervention-ignored-attempt-to-cancel-a-touchmove-event-with-cance This does not happen on Safari, only Chrome (latest). Using "vue-custom-scrollbar": "^1.4.0"

I hope it will be resolved soon: https://github.com/mdbootstrap/perfect-scrollbar/issues/975

rshelnutt commented 3 years ago

I have a similar issue. On Chrome mobile I get the same [Intervention] error as mentioned in this thread. Totally breaks (any) scroll on Chrome mobile. It's basically this issue: https://stackoverflow.com/questions/54534934/how-to-fix-intervention-ignored-attempt-to-cancel-a-touchmove-event-with-cance This does not happen on Safari, only Chrome (latest). Using "vue-custom-scrollbar": "^1.4.0"

I hope it will be resolved soon: mdbootstrap/perfect-scrollbar#975

Can confirm this as well. Exact same scenario. (Mobile)