[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

Hi there!

In your example “SVG Inserted with Embed Element” if you switch to console in development tools of chrome (version 73 or newer) you will receive the following error in console:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

Expected behaviour

this error should not appear in console

Configuration

• svg-pan-zoom version: v3.6.0
• Browser(s): google chrome 79.0
• Operating system(s): OSX
• A relevant example URL: http://ariutta.github.io/svg-pan-zoom/demo/embed.html

[CrzLvl]

Replace lines 1580 and 1592 of the unminified code:

1580. elem[ _addEventListener ]( prefix + eventName, cb, useCapture || false ); 1592. elem[ _removeEventListener ]( prefix + eventName, cb, useCapture || false );

…with:

elem[ _addEventListener ]( prefix + eventName, cb, useCapture || { capture: false, passive: false } ); elem[ _removeEventListener ]( prefix + eventName, cb, useCapture || { capture: false, passive: false } );

This solution was adapted from here, which offers an explanation as to what this does and why it works. I haven’t thoroughly tested it but it seems to resolve the console errors and allows the SVG to be zoomed without scrolling the page.

[aloska]

Still not fixed?