Tiny-slider: Unable to preventDefault inside passive event listener invocation

Created on 21 Nov 2019  路  7Comments  路  Source: ganlanyuan/tiny-slider

__Issue description__: On mobile, we get a log of JS errors "Unable to preventDefault inside passive event listener invocation." when sliding on mobile.

__Demo link/slider setting__:

var slider = tns({
                                    items: 3,
                                    container: '.my-slider',
                                    slideBy: 1,
                                    responsive: {
                                        480: {
                                            gutter: 20,
                                        }
                                    },
                                    mouseDrag: true,
                                    swipeAngle: false,
                                    speed: 400,
                                    loop: true,
                                    nav: true,
                                    autoplay: false,
                                    edgePadding: 0,
                                    gutter: 10,
                                    center: true,
                                    autoHeight: false,
                                    fixedWidth: 300,
                                    lazyload: false,
                                    controls: false
                                });   

_Tiny-slider version_: latest
_Browser name && version_: all
_OS name && version_: all

Most helpful comment

Temporarily, you can add preventScrollOnTouch: 'auto' or preventScrollOnTouch: 'force' to your tinySliderOptions object. It seem like one of those should resolve the errors until there is a permanent fix.

All 7 comments

Untitled-8

I have same problem too

I am having that same issue as well.

Temporarily, you can add preventScrollOnTouch: 'auto' or preventScrollOnTouch: 'force' to your tinySliderOptions object. It seem like one of those should resolve the errors until there is a permanent fix.

Temporarily, you can add preventScrollOnTouch: 'auto' or preventScrollOnTouch: 'force' to your tinySliderOptions object. It seem like one of those should resolve the errors until there is a permanent fix.

Note that this workaround adds the warning:
image

Temporarily, you can add preventScrollOnTouch: 'auto' or preventScrollOnTouch: 'force' to your tinySliderOptions object. It seem like one of those should resolve the errors until there is a permanent fix.

Note that this workaround adds the warning:
image

hmmm... I did not get that warning on the project i was working on. I suppose that would be an issue.

Any solution for this?
The warning appears in Chrome.

Was this page helpful?
0 / 5 - 0 ratings