D3.js zoom is not working with mousewheel in safari <p>I'm using D3 v4 to achieve the zoom functionality and everything works perfectly on FireFox, Chrome browsers.</p> <p>Quite different behavior with <code>Safari</code> browser (my version is <code>Version 10.0.1 (12602.2.14.0.7)</code>). Wheel zoom works for <code>g</code> element and doesn't work for <code>svg</code> element. Note: that <code>dbClick</code> zoom works for <code>svg</code> element.</p> <p>I've created simple <a href="https://jsfiddle.net/vbabenko/zq0v1rta/1/" rel="nofollow noreferrer">fiddle example</a> where tried to reproduce the issue. If you try wheel zoom over <code>red rect</code> - it will work, outside of <code>rect</code> - not work, but works for other browsers.</p> <p>I was looking for official examples like <a href="https://bl.ocks.org/mbostock/db6b4335bf1662b413e7968910104f0f" rel="nofollow noreferrer">https://bl.ocks.org/mbostock/db6b4335bf1662b413e7968910104f0f</a> where everything works and I could not find a problem with my example...</p> <p>Here is a zones where zoom works (madness is that left and top zone in the svg has working zoom): <a href="https://i.stack.imgur.com/XNZdv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XNZdv.png" alt="wheel_zoom_working_zones"></a></p>