Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
blinkmee opened this issue Jun 14, 2019 · 3 comments

Comments

@blinkmee
Copy link

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 ;-)

@NullVoxPopuli
Copy link

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

@B1-0S
Copy link

B1-0S commented Sep 30, 2019

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;

@PikachuEXE
Copy link

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants