'Unable to preventDefault inside passive event listener - Swipebox Mobie
I'm using Swipebox : http://brutaldesign.github.io/swipebox/ I know that I can open a content with swipebox slide like that
// Link to click
<a href="#mydiv" class="my-swipebox">Click to show</a>
// And the div in html
<div id="#mydiv">Click <a href="http://example.com">Here</div>
The problem is I can't click the link inside this div when it opened by swipebox on mobie (on desktop it working very fine)
The chrome browser show this log :
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
preventDefault @ js_3q9o_g1v9VMwOb38KwiIL35eXGTsWaJ31hpdemJVNbY.js:5
dispatch @ js_3q9o_g1v9VMwOb38KwiIL35eXGTsWaJ31hpdemJVNbY.js:5
v.handle @ js_3q9o_g1v9VMwOb38KwiIL35eXGTsWaJ31hpdemJVNbY.js:5
How can I fix this problem, thank you so much
Solution 1:[1]
A passive event listener is an event where you promise the browser that you will never invoke event.preventDefault(). That way the browser can optimize actions like scrolling/touches because the browser can assume the developer will not be cancelled out (e.g. disabling scrolling).
Chrome enables this by default as per version 56: https://www.chromestatus.com/features/5093566007214080. They made this change as a way to optimize scrolling.
If you do not want to this to happen, you can add { passive: false } as the third argument to .addEventListener.
Read more about passive events at: https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
Solution 2:[2]
I added loop: true in .js
for this :
$('.owl-carousel').owlCarousel({
and it's work
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | |
| Solution 2 | arimas |