Damping effect gone after calling ev.stopPropagation()

Checks

• Not a duplicate.

Version

8.8.1

Description

Just same as title.

I was trying to stop touch event bubbling， then I found If I use ev.stopPropagation() , it will cause the scrollbar damping effect disappear.

Steps to Reproduce

1. create a normal smooth-scrollbar-inited container
2. bind on touchend event on any element in the normal smooth-scrollbar-inited container.
3. in the event handler, call ev.stopPropagation()

Online Demo

No response

[sadeghbarati]

you need to be cautious about using stopPropagation

just found a solution from https://github.com/idiotWu/smooth-scrollbar/issues/444

class SmoothTouchScrollPlugin extends ScrollbarPlugin {
  static pluginName = 'smoothTouchScroll';

  transformDelta(delta, fromEvent) {
    if (fromEvent.type === 'touchmove') {
      this.scrollbar.options.damping = 0.1;
    }

    return delta;
  }
}

https://stackblitz.com/edit/vitejs-vite-9e2btw?file=main.js

[mizok]

@sadeghbarati

Sorry, I found I made a mistake, it’s touchend event, not click.

If you need to check it with this stackblitz demo below, you will have to switch to mobile mode (with touch) ( chrome developer tool).

You will notice that the damping effect just disappear after the touchend event trigger by “touchend” that “stopPropagation” button.

https://stackblitz.com/edit/vitejs-vite-hglpla?file=main.js