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
Unable to preventDefault inside passive event listener invocation #334
Comments
I am experiencing the same problem on the same Chrome version. Did you find a solution? |
This article from Google explains it a bit, but their proposed solution of adding the CSS property Additionally here is a chromium issue that details it a bit more. |
Hi! Unfortunately, I haven't found a solution. And I've tried 'touch-action' everywhere, but with no luck, too. |
Hey! I have just fixed it on my project. I've had this markup:
Instead, I had to use this markup from glide docs
Just alter the |
Hi @thezaff, thanks for the thought. Unfortunately that's already what I had in there for the When testing the demos on the Glide site and using Chrome Dev Tools to emulate a touch device, the error is still present. |
The same here with dotted navigation. I have tried a lot of things but without any success. |
same here |
Same here! Chrome 74 |
There is an open PR to fix this issue: #351. |
Looks like their utility located in '../utils/detect-passive-event' is not working. event.preventDeault() should not be called on a passive event listener, which in this case it is. |
Changing line 3249 of glide.js's event.preventDefault(); to event.stopPropagation(); solves the problem for now. |
quick fix for now const glideBullets = Array.from(this.view.querySelectorAll('.glide__bullet')); glideBullets.forEach((el) => { |
Although the slider works normally, despite changing |
@jedrzejchalubek @ahukkanen I can see the fix for this issue has been merged in #351 but it's not available on npm yet. Is it possible to push a release with appropriate version to npm for all the 21 commits (v3.3.0...master) that's been pushed since |
Just used the dist folder to pull down latest js files and this fix is not in there either. |
Getting this as well on the latest release |
Same here ... |
Same here... |
1 similar comment
Same here... |
saaaaame |
same here... |
I understand the intentions of people doing You should do +1 reaction 👍on the comment if you find something which works as a fix or resembles your issue because of two reasons:
|
probably it's related to same issue here : inuyaksa/jquery.nicescroll#799 (comment) ? |
Hi, the issue still exist. Is there any fix for that problem ? |
Removing data attributes and manually adding click events works for me.
|
At ReactJs I was able to solve this by creating a function that makes navigation for me! I did the following to make it work without the error message:
And on the call of events I did the following:
Example for calling the next slider through the bullets
After that, just remove the date attributes that we passed previously in the control elements. This is easily replicated in pure JavaScript, in case you need help! |
any update? |
The error will show when you open the console but if it's not GlideJs will not throw an error to the console This would help |
i removed this code t.preventDefault() in min file, and working fine (no error Unable to preventDefault inside passive event listener invocation) |
After trying some solutions above, in my case with NextJS I found that it would just trigger another bug like this one #371, so I've tried to append these buttons the parent element and set
and then
I can confirm on my end that there's no error on my dev console with this one. Please have a try and let me know how it performs on your end. |
And I just wanna say Merry Christmas, hopefully we can get some fixes in the near future, because there's no other library like GlideJS... sadge |
Hi guys, I fixed it by changing the glide.esm.js file y node modules line 3243 from event.preventDefault() to event.stopPropagation(); |
I removed this from the source code: t.preventDefault(), -- take notice of the comma as well. |
If you are using |
Maybe a release with the fix ? |
Experiencing the same issue. |
Has an way to solve the problem? Only happens on mobile... |
Same here! Is there a solution yet? |
Hi!
Thanks for the awesome slider!
When I click on bullets I get "Unable to preventDefault inside passive event listener invocation" in Chrome.
Can I fix it somehow?
I've read about supporting IE11 ;)
Google Chrome 73.0.
The text was updated successfully, but these errors were encountered: