[Chrome] Unable to preventDefault inside passive event listener due to target being treated as passive. #799

justmedanny · 2019-03-29T16:42:46Z

I get this error in Chrome Console and a the same error will continuously generate as I scroll:

nicescroll.js:1 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312

louisiscoding · 2019-04-01T17:41:17Z

Same

serkanhursgunel · 2019-04-02T14:31:00Z

same

fgafarshad · 2019-04-06T11:06:22Z

Same.
Also, in addition to displaying the error, the page scroll mode has unwanted jumps.
for example see this page:
https://www.hamyarit.com/

helen-flynn · 2019-04-09T10:14:44Z

Same

anandaitwadekar · 2019-04-09T13:22:58Z

I also discovered same issue, Hope it should be solved soon.

altairbow · 2019-04-10T02:08:12Z

Same issue

vikyd · 2019-04-11T12:25:11Z

not a solution.

But you can download previous Chrome versions to test this problem.

Fix for issue with Chrome 56 preventDefault inside passive event listener

Tolc · 2019-04-11T16:57:21Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this

jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

    
           (passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555

      (passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

Tolc · 2019-04-15T09:53:50Z

Paging @inuyaksa because this is breaking on Chrome...

Fq2112 · 2019-04-21T15:11:30Z

@Tolc u save ma lyf dude, bunch of thx 👍

serkanhursgunel · 2019-04-21T15:16:13Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this
jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

(passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555
(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

İt Worked. Thanx..

Owen2008 · 2019-04-29T10:52:45Z

@Tolc
I have repalced Line 2555 in 347d35e,İt Worked.
The new problem is that the scroll bar is stuck and cannot be pulled to the bottom.Unless the page is reset.

Tolc · 2019-04-29T16:35:53Z

@Owen2008 seems like it is an unrelated issue.

rajukaushik94 · 2019-06-14T05:40:57Z

Am facing same issue. Please suggest me appropriate solution for this error.
I have bridge wordpress theme. i had already check but in my theme there is no nicescroll.js file.

roniahmadi · 2019-07-03T04:38:24Z

same

rljdavies · 2019-07-23T09:28:40Z

The fix works but if you want the fix for the minified file then find the following...

}), Y && i ? e.addEventListener(o, t, {

Or pretty print the min.js and goto line 1082, and replace with the following....

}), Y && (i || e == l || e == l.body || e == a) ? e.addEventListener(o, t, {

Hope this is helpful.
Rich

Alecto · 2019-07-26T08:59:49Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this

jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

(passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555
(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

thanks! works fine

gyao96 · 2019-08-17T22:43:34Z

A simple fix:
document.addEventListener('touchstart', function(){}, {passive: false})
The third parameter of addEventListener is the configuration parameters

{
    capture: Boolean,  // listener will be triggered when event propagates to this event target in its capture phase
    once: Boolean, // whether or not you wish to call the handler only once
    passive: Boolean  // whether this listener will never call `preventDefault`
}

hiraanwer95 · 2019-08-21T11:28:01Z

A simple fix:
document.addEventListener('touchstart', function(){}, {passive: false})
The third parameter of addEventListener is the configuration parameters
{
    capture: Boolean,  // listener will be triggered when event propagates to this event target in its capture phase
    once: Boolean, // whether or not you wish to call the handler only once
    passive: Boolean  // whether this listener will never call `preventDefault`
}

it solved my problem. (Y)

MehdiKhoshnevisz · 2019-08-29T09:05:15Z

same

ghost · 2019-08-29T10:53:39Z

Just Add below CSS. it will solve your issue. :)

.owl-carousel {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
or
.owl-carousel {
-ms-touch-action: none;
touch-action: none;
}

DiegoArayaLobos · 2019-08-31T22:28:50Z

Just Add below CSS. it will solve your issue. :)

.owl-carousel {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
or
.owl-carousel {
-ms-touch-action: none;
touch-action: none;
}

I needed it, thanks!

jabbarn · 2019-09-03T16:56:08Z

the second styling worked for me! Thanks!

vitordm · 2019-09-04T18:42:35Z

The fix works but if you want the fix for the minified file then find the following...

}), Y && i ? e.addEventListener(o, t, {

Or pretty print the min.js and goto line 1082, and replace with the following....

}), Y && (i || e == l || e == l.body || e == a) ? e.addEventListener(o, t, {

Hope this is helpful.
Rich

It works for me!
Thanks

karimlo · 2019-09-05T12:46:33Z

I am having the same error message but with a different JS file.

smoothPageScroll.min.js?ver=5.2.3:1 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
wheel @ smoothPageScroll.min.js?ver=5.2.3:1
smoothPageScroll.min.js.zip

eversonv · 2019-09-07T03:38:52Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this

jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

(passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555
(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

Thanks man!! Great!

1shaked · 2020-03-29T09:19:40Z

i am having the same error when i am using plotly graph. i tried to add to the plotly canvas the css params but this is not seems to work.
using chrom version 80

AndyRand · 2020-04-03T12:04:09Z

I am having the same error here: https://www.cadbury.co.uk/
Can you help me please?

zangxiyang · 2020-05-09T13:54:23Z

(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

Thanks a lot. It is helpful for me.

AhmadDalao · 2020-06-29T08:32:00Z

Is it me or the nice scroll prevent scroll-behavior: smooth from working ???

scroll-behavior: smooth !important;

AhmadFawzy · 2020-07-29T06:05:06Z

@Tolc
I have repalced Line 2555 in 347d35e,İt Worked.
The new problem is that the scroll bar is stuck and cannot be pulled to the bottom.Unless the page is reset.

replace this :-
$("body").niceScroll();
with this :-
$("#root").niceScroll();
in ur js file.

zahidg9 · 2020-08-11T11:52:00Z

I am having the same error message but with a different JS file.

smoothPageScroll.min.js?ver=5.2.3:1 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
wheel @ SmoothScroll.min.js?ver=1.0&time=1597145218

icysonyk · 2020-09-17T02:47:07Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this

jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

(passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555
(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

Thanks,it works !

mahmoudhaddad · 2020-09-25T19:52:09Z

The fix works but if you want the fix for the minified file then find the following...
}), Y && i ? e.addEventListener(o, t, {
Or pretty print the min.js and goto line 1082, and replace with the following....
}), Y && (i || e == l || e == l.body || e == a) ? e.addEventListener(o, t, {
Hope this is helpful.
Rich

It works for me!
Thanks

thesinh20197 · 2020-10-12T08:46:45Z

}), Y && (i || e == l || e == l.body || e == a) ? e.addEventListener(o, t, {

Thank you so much, II have successfully fixed the error <3

razonklnbd · 2020-10-24T05:50:15Z

Fixed it!

As stated by Google, they've changed the behavior of passive event listeners only for window, document or body elements.

The fix is simply to force the listeners to be active for those elements.
So replacing this

jquery.nicescroll/jquery.nicescroll.js

Line 2555 in 347d35e

(passiveSupported && active) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

with this
https://github.com/Tolc/jquery.nicescroll/blob/6876279cb895bc6ad892c71f8a327dce85e18e9b/jquery.nicescroll.js#L2555
(passiveSupported && (active || el == window.document || el == window.document.body || el == window)) ? el.addEventListener(name, fn, { passive: false, capture: bubble }) : el.addEventListener(name, fn, bubble || false);

I've created a pull request #802

It worked, thanks.

dopeabeam2 · 2020-12-28T06:52:19Z

i need help here I m Getting errors in these lines

c},Q=function(k,c){function h(){var d=b.win;if("zIndex"in d)return d.zIndex();for(;0<d.length&&9!=d[0].nodeType;){var c=d.css("zIndex");if(!isNaN(c)&&0!=c)return parseInt(c);d=d.parent()}return!1}function l(d,c,g){c=d.css(c);d=parseFloat(c);return isNaN(d)?(d=u[c]||0,g=3==d?g?b.win.outerHeight()-b.win.innerHeight():b.win.outerWidth()-b.win.innerWidth():1,b.isie8&&d&&(d+=1),g?d:0):d}function q(d,c,g,f){b._bind(d,c,function(b){b=b?b:window.event;var f={original:b,target:b.target||b.srcElement,type:"wheel", deltaMode:"MozMousePixelScroll"==b.type?0:1,deltaX:0,deltaZ:0,preventDefault:function(){b.preventDefault?b.preventDefault():b.returnValue=!1;return!1},stopImmediatePropagation:function(){b.stopImmediatePropagation?b.stopImmediatePropagation():b.cancelBubble=!0}};"mousewheel"==c?(f.deltaY=-0.025*b.wheelDelta,b.wheelDeltaX&&(f.deltaX=-0.025*b.wheelDeltaX)):f.deltaY=b.detail;return g.call(d,f)},f)}function t(d,c,g){var f,e;0==d.deltaMode?(f=-Math.floor(d.deltaX*(b.opt.mousescrollstep/54)),e=-Math.floor(d.deltaY*

showing chrome error in this line
jquery.nicescroll.min.js:10 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312

preventDefault @ jquery.nicescroll.min.js:10
jquery.nicescroll.min.js:10 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312

i can show all here please take a look into this

jquery.nicescroll.min.zip

uzeehan · 2021-01-20T01:18:39Z

I found the same issue for our website.
I used the the following fix:

window.addEventListener('wheel', () => {passive:false}) or window.addEventListener('wheel', function() {passive:false})

Source: https://stackoverflow.com/questions/55548261/unable-to-preventdefault-inside-passive-event-listener-due-to-target-being-treat

yigithans · 2021-03-26T23:17:05Z

same problem

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312
b @ plugins.js:5331

function b(a) {
    r || e();
    var b = a.target,
    c = n(b);
    if (!c || a.defaultPrevented || 'embed' === (f.nodeName || '').toLowerCase() || 'embed' === (b.nodeName || '').toLowerCase() && /\.pdf/i.test(b.src)) return !0;
    var b = a.wheelDeltaX || 0,
    d = a.wheelDeltaY || 0;
    b || d || (d = a.wheelDelta || 0);
    var k;
    if (k = !u.touchpadSupport) if (k = d) {
      k = Math.abs(k);
      L.push(k);
      L.shift();
      clearTimeout(C);
      k = L[0] == L[1] && L[1] == L[2];
      var m = p(L[0], 120) && p(L[1], 120) && p(L[2], 120);
      k = !(k || m)
    } else k = void 0;
    return k ? !0 : (1.2 < Math.abs(b) && (b *= u.stepSize / 120), 1.2 < Math.abs(d) && (d *= u.stepSize / 120), h(c, - b, - d), a.preventDefault(), void 0)
  }

5331 : return k ? !0 : (1.2 < Math.abs(b) && (b *= u.stepSize / 120), 1.2 < Math.abs(d) && (d *= u.stepSize / 120), h(c, - b, - d), a.preventDefault(), void 0)

how can we fix it?

kidzen · 2021-03-27T20:27:20Z

npm i tolc/jquery.nicescroll#master

install it from specific repository temporarily did the trick

thanks @Tolc

denvergeeks · 2021-04-10T05:14:47Z

Using the version here worked for me as well...

https://github.com/Tolc/jquery.nicescroll/blob/master/jquery.nicescroll.js

whitia · 2021-04-20T03:52:12Z

修正は機能しますが、縮小されたファイルの修正が必要な場合は、次を見つけてください...

}), Y && i ? e.addEventListener(o, t, {

または、min.jsとgoto行1082をきれいに印刷して、次のように置き換えます。

}), Y && (i || e == l || e == l.body || e == a) ? e.addEventListener(o, t, {

これがお役に立てば幸いです。
リッチ

It worked for me!
Thanks.

zipzit · 2021-07-24T14:36:30Z

Have you folks seen this?
https://github.com/zzarcon/default-passive-events

Easy fix:
<script src="https://unpkg.com/default-passive-events"></script>

Fix for issue #799: Chrome 56 preventDefault inside passive event listener

abhaybabu96 · 2022-04-11T08:04:38Z

Facing same issue in shopify .

_preventDefault: function(event) {
event.preventDefault ? event.preventDefault() : (event.returnValue = false); [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See
},

denvergeeks · 2022-05-20T20:50:25Z

Try this: https://github.com/zzarcon/default-passive-events

ehsaanmiraj · 2023-03-23T19:32:48Z

Just Add below CSS. it will solve your issue. :)
.owl-carousel {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
or
.owl-carousel {
-ms-touch-action: none;
touch-action: none;
}

I needed it, thanks!

first one worked for me, Thnx :)

Tolc added a commit to Tolc/jquery.nicescroll that referenced this issue Apr 11, 2019

inuyaksa#799

6876279

Fix for issue with Chrome 56 preventDefault inside passive event listener

Tolc mentioned this issue Apr 11, 2019

Fix for issue #799: Chrome 56 preventDefault inside passive event listener #802

Merged

choaklin added a commit to choaklin/qutopia that referenced this issue Apr 21, 2019

修复nicescroll Bug：inuyaksa/jquery.nicescroll#799

0a1f097

wisp-x mentioned this issue Jul 21, 2019

Fixing a warning on chrome browser sliding. theme-nexmoe/hexo-theme-nexmoe#5

Merged

bth mentioned this issue Mar 11, 2020

Canvas move when using Pencil Tool with touch screen SVG-Edit/svgedit#394

Closed

lmslachciak mentioned this issue Mar 30, 2020

View Controls -> Drop down list --> Max width --> in the center of screen Samsung/TAU#845

Closed

jimbyo mentioned this issue Jun 15, 2020

Unable to preventDefault inside passive event listener invocation oppia/oppia#9531

Open

This was referenced Jun 15, 2020

Chrome console error due to passive event listeners. daniel3735928559/guppy#176

Open

Milestone 1.2.2: Added position-of-terms and math editor directives. oppia/oppia#9400

Merged

webyahoo mentioned this issue Sep 18, 2020

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. bumbu/svg-pan-zoom#360

Open

mikkopori mentioned this issue Oct 27, 2020

"Unable to preventDefault inside passive event listener invocation." on console chrvadala/react-svg-pan-zoom#186

Open

AlanFnz mentioned this issue Nov 22, 2020

Console Error when moving audio bar lhz516/react-h5-audio-player#64

Closed

douglasg14b mentioned this issue Jun 6, 2021

[BUG] This does not provide the correct parameters for addEventListener on new Chrome versions. "Unable to preventDefault inside passive event listener due to target being treated as passive" ndelvalle/v-click-outside#383

Open

inuyaksa added a commit that referenced this issue Feb 23, 2022

Merge pull request #802 from Tolc/master

d453329

Fix for issue #799: Chrome 56 preventDefault inside passive event listener

[Chrome] Unable to preventDefault inside passive event listener due to target being treated as passive. #799

[Chrome] Unable to preventDefault inside passive event listener due to target being treated as passive. #799

Comments

justmedanny commented Mar 29, 2019

louisiscoding commented Apr 1, 2019

serkanhursgunel commented Apr 2, 2019

fgafarshad commented Apr 6, 2019 • edited Loading

helen-flynn commented Apr 9, 2019

anandaitwadekar commented Apr 9, 2019

altairbow commented Apr 10, 2019

vikyd commented Apr 11, 2019

Tolc commented Apr 11, 2019 • edited Loading

Fixed it!

I've created a pull request #802

Tolc commented Apr 15, 2019

Fq2112 commented Apr 21, 2019

serkanhursgunel commented Apr 21, 2019

Fixed it!

I've created a pull request #802

Owen2008 commented Apr 29, 2019 • edited Loading

Tolc commented Apr 29, 2019

rajukaushik94 commented Jun 14, 2019 • edited Loading

roniahmadi commented Jul 3, 2019

rljdavies commented Jul 23, 2019

Alecto commented Jul 26, 2019

Fixed it!

I've created a pull request #802

gyao96 commented Aug 17, 2019

hiraanwer95 commented Aug 21, 2019

MehdiKhoshnevisz commented Aug 29, 2019

ghost commented Aug 29, 2019

DiegoArayaLobos commented Aug 31, 2019

jabbarn commented Sep 3, 2019

vitordm commented Sep 4, 2019

karimlo commented Sep 5, 2019 • edited Loading

eversonv commented Sep 7, 2019

Fixed it!

I've created a pull request #802

1shaked commented Mar 29, 2020 • edited Loading

AndyRand commented Apr 3, 2020

zangxiyang commented May 9, 2020

AhmadDalao commented Jun 29, 2020 • edited Loading

AhmadFawzy commented Jul 29, 2020

zahidg9 commented Aug 11, 2020

icysonyk commented Sep 17, 2020

Fixed it!

I've created a pull request #802

mahmoudhaddad commented Sep 25, 2020

thesinh20197 commented Oct 12, 2020

razonklnbd commented Oct 24, 2020

Fixed it!

I've created a pull request #802

dopeabeam2 commented Dec 28, 2020 • edited Loading

uzeehan commented Jan 20, 2021

yigithans commented Mar 26, 2021 • edited Loading

kidzen commented Mar 27, 2021 • edited Loading

denvergeeks commented Apr 10, 2021

whitia commented Apr 20, 2021

zipzit commented Jul 24, 2021

abhaybabu96 commented Apr 11, 2022

denvergeeks commented May 20, 2022

ehsaanmiraj commented Mar 23, 2023

fgafarshad commented Apr 6, 2019 •

edited

Loading

Tolc commented Apr 11, 2019 •

edited

Loading

Owen2008 commented Apr 29, 2019 •

edited

Loading

rajukaushik94 commented Jun 14, 2019 •

edited

Loading

karimlo commented Sep 5, 2019 •

edited

Loading

1shaked commented Mar 29, 2020 •

edited

Loading

AhmadDalao commented Jun 29, 2020 •

edited

Loading

dopeabeam2 commented Dec 28, 2020 •

edited

Loading

yigithans commented Mar 26, 2021 •

edited

Loading

kidzen commented Mar 27, 2021 •

edited

Loading