slideout icon indicating copy to clipboard operation
slideout copied to clipboard

error in console Chrome when slide on devTools mobile ([Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.)

Open blinkmee opened this issue 5 years ago • 3 comments

Hello everyone,

I'm having an error when i use the slideOut. Much i slide, much i have the issue...

Here's the text of the issue in console chrome :
Unable to preventDefault inside passive event listener due to target being treated as passive

To reproduce the issue : when you toggle mobile device in devtool chrome and you slide, it appears.

my chrome version is : Version 75.0.3770.80 (Build officiel) (64 bits)

Thanks for reading ;-)

blinkmee avatar Jun 14 '19 21:06 blinkmee

I just saw this, too. the slideout thing still works, but my console is just literred with this error

NullVoxPopuli avatar Aug 12 '19 17:08 NullVoxPopuli

Hey guys and possibly girls. I wanted to drop a note here on the issues it turned out that it's quite easily fixable. You just need to add to your main slide container touch-action: pan-left; or touch-action: pan-right; depending on your setup. This is a Chrome thing. I hope this was helpful.

Edit: the correct CSS is touch-action: pan-x pan-y;

B1-0S avatar Sep 30 '19 16:09 B1-0S

@B1-0S Thanks, tested in real project with success

Also adding a link to MDN doc about touch-action https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

Maybe worth adding to README

PikachuEXE avatar Oct 24 '19 06:10 PikachuEXE