slideout
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.)
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 ;-)
I just saw this, too. the slideout thing still works, but my console is just literred with this error
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 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