preventMouseEventsDefault stops working on Chrome 73

[mariodebian]

Bug report

The option preventMouseEventsDefault disable scroll event, allowing wheel-zoom.
With new Chrome 73 version: https://www.chromestatus.com/features/6662647093133312 they change to passive by default.

Expected behaviour

Zoom with mouse wheel without scrolling.

Actual behaviour

Mixed strange behaviour zoom+scroll.

Steps to reproduce the behaviour

1. With Chrome/Chomium 73, go to demos, and open any.
2. Resize your browser with a height < lion picture
3. Use your mouse wheel over the picture

Configuration

• svg-pan-zoom version: 3.6.0
• Browser(s): Chromium 73.0.3683.75-1
• Operating system(s): Linux/Debian
• A relevant example URL: http://ariutta.github.io/svg-pan-zoom/demo/custom-controls.html

[dreadknought]

For the devs:
Need to change addEventListeners to specify that passive is false. The typical use is:
document.addEventListener('wheel', (evt) => { // ... do stuff with evt }, true)

With the recent (breaking) changes in Chrome where preventDefault doesn't work on document level wheel events, would need to change the above example to:
document.addEventListener('wheel', (evt) => { // ... do stuff with evt }, { capture: true, passive: false })

Additional info:
https://docs.google.com/document/d/1dLxnzyixmR9MeHXE75Uz2nIVA0PaEjN4W3V_-df0sYI/edit#

[nikhiljutla01]

Hi Dreadknought ,
I tried the above changes in addEventListeners but did not achieve desired result.
Please give your point and provide more info reg the same.
Thanks in advance !

[kovalchukq]

document.getElementById('yourSVGObject').addEventListener( 'wheel', e => { e.preventDefault(); }, { passive: false } );
This solution works for me!

[ariutta]

Hi @mariodebian, could you review this pull request to verify it solves this issue:
#355
Thanks!

[BodoMinea]

For now people who encounter this issue may try cloning and building from https://github.com/Bigfellahull/svg-pan-zoom, the repo from where the PR came. That´s what I did and it worked.

[murtraja]

When will this get merged? Facing same issue: on using the mouse wheel, the svg and web page both respond