Errors when trying to use the wheel function in the mouse

[Deleted user]

I'm getting the following error in Chrome V73+:

The Issue

Google has updated their Browser policy with regards to mouse wheel events see here: https://developers.google.com/web/updates/2019/02/scrolling-intervention

The error in this github repo

Dev-Tools says the following error:

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

Link ref: https://www.chromestatus.com/features/6662647093133312

This is your plugin error in Chrome V74:

Solution

I did some research and Googler's RByers has repeatably given the same answer throughout the web which I will add some links of his comments:

https://stackoverflow.com/questions/42101723/unable-to-preventdefault-inside-passive-event-listener/42288386#42288386

oliviertassinari/react-swipeable-views#183 (comment)

The solution by many other scrolling scripts has been to do the following:

Either adding touch-action: none or touch-action: manipulation for more info see here: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

Google's direct link to the solution is here: https://developers.google.com/web/updates/2017/01/scrolling-intervention#breakage_and_guidance

The above link is also linked in their "Making wheel scrolling fast by default" web page as a solution.

[kubiqsk]

Hello, you can not combine fullpage.js with my plugin, that makes no sense

…

On Tue, 5 Mar 2019, 22:47 Ayumi Hamasaki, ***@***.***> wrote: I'm getting the following error in Chrome V74: [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/6662647093133312 I get this issue when using the Wheel function in the mouse. The error relates to this line of code: e.preventDefault(), void C()) : !d || !U || (Object.defineProperty(e, "target", I did some research and Googler's RByers has repeatably given the same answer throughout the web which I will add some links of his comments: alvarotrigo/fullPage.js#2362 (comment) <alvarotrigo/fullPage.js#2362 (comment)> https://stackoverflow.com/questions/42101723/unable-to-preventdefault-inside-passive-event-listener oliviertassinari/react-swipeable-views#183 (comment) <oliviertassinari/react-swipeable-views#183 (comment)> The solution by many other scrolling scripts has been to do the following: Either adding touch-action: none or touch-action: manipulation for more info see here: https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action I request the authors add the following: touch-action: manipulation to fix this issue as this option seems to remove the issue and still work for touch screens. Thanks. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#67>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ATd-hwmaUS3q7AIq4DzOyMrqePAB9Bciks5vTuXcgaJpZM4bfkWM> .

[CarretPan]

Hello, I've fixed it for me. I changed the line 591

window.addEventListener(type, fn, false);

by

window.addEventListener(type, fn, {passive: false});

As indicated at the end of https://developers.google.com/web/updates/2019/02/scrolling-intervention

I do not know if it's the best, but it works.

[gblazex]

fixed in the latest 1.4.9 version in a backwards compatible way.