226683 2021-06-05 08:16:47 -0700 Wheel event is not fired on any SVG element 2026-03-19 19:53:58 -0700 1 1 1 Unclassified WebKit SVG Safari 14 Mac (Intel) macOS 10.14 RESOLVED DUPLICATE 309293 https://github.com/d3/d3/issues/3035 BrowserCompat, InRadar P2 Major --- 1 xiao.hk1997 webkit-unassigned adodson ahmad.saleem792 dino graouts karlcow sabouhallawa simon.fraser thorton victor.anan17 webkit-bug-importer zimmermann oldest_to_newest 1767130 0 xiao.hk1997 2021-06-05 08:16:47 -0700 I am trying to bind a wheel event listener to a SVG group element with D3. It seems the wheel event is not triggered when I scroll on the group element in Safari (the group is not empty). It works fine on Firefox or Chrome. For a demo, see this codepen (https://codepen.io/xiaohk/pen/oNZdwoO). Interestingly, it works as expected if the wheel event listener is bound to the SVG element instead of one <g> element. For example, see this codepen (https://codepen.io/xiaohk/pen/vYxjZdY) 1767133 1 xiao.hk1997 2021-06-05 08:19:53 -0700 Here is a related question on stack overflow (https://stackoverflow.com/questions/67836886/wheel-event-is-not-fired-on-a-svg-group-element-in-safari) 1767532 2 sabouhallawa 2021-06-07 13:24:25 -0700 This is actually applied to <rect> element as well which suggests the bug is applied to all SVG elements. 1767533 3 430775 sabouhallawa 2021-06-07 13:25:11 -0700 Created attachment 430775 reduced test case This test case shows the bug can happen with the SVG <rect> element. 1768753 4 victor.anan17 2021-06-10 14:55:49 -0700 I found that binding first a wheel event to a containing HTML element (like 'SVG' or document.body) makes this working. See my comment on stack overflow (https://stackoverflow.com/questions/67836886/wheel-event-is-not-fired-on-a-svg-group-element-in-safari). 1769199 5 webkit-bug-importer 2021-06-12 08:17:14 -0700 <rdar://problem/79240222> 1894030 6 simon.fraser 2022-08-26 12:19:14 -0700 This is because we don't build event regions inside SVG content. 2191907 7 ahmad.saleem792 2026-03-19 19:53:58 -0700 *** This bug has been marked as a duplicate of bug 309293 *** 430775 2021-06-07 13:25:11 -0700 2021-06-07 13:25:11 -0700 reduced test case svg-wheel-event.html text/html 869 sabouhallawa PHN0eWxlPgogICAgYm9keSB7CiAgICAgICAgaGVpZ2h0OiAyMDAwcHg7CiAgICB9Cjwvc3R5bGU+ Cjxib2R5PgogICAgPGgzPiZsdDtkaXYmZ3Q7OjwvaDM+CiAgICA8ZGl2IGlkPSJkaXYiIHN0eWxl PSJ3aWR0aDoxMDBweDsgaGVpZ2h0OjEwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsgZGlz cGxheTogaW5saW5lLWJsb2NrOyI+PC9kaXY+CiAgICA8YnI+CiAgICA8aDM+Jmx0O3JlY3QmZ3Q7 OjwvaDM+CiAgICA8c3ZnIHN0eWxlPSJ3aWR0aDoxMDBweDsgaGVpZ2h0OjEwMHB4OyI+CiAgICAg ICAgPHJlY3QgaWQ9InJlY3QiIHdpZHRoPSIxMDAiIGhlaWdodD0nMTAwJyBmaWxsPSdkYXJrb3Jh bmdlJy8+CiAgICA8L3N2Zz4KICAgIDxwPiZsdDtkaXYmZ3Q7IHdoZWVsIGV2ZW50IGNvdW50OiA8 c3BhbiBpZD0iZGl2Q291bnQiPjA8L3NwYW4+PC9wPgogICAgPHA+Jmx0O3JlY3QmZ3Q7IHdoZWVs IGV2ZW50IGNvdW50OiA8c3BhbiBpZD0icmVjdENvdW50Ij4wPC9zcGFuPjwvcD4KICAgIDxzY3Jp cHQ+CiAgICAgICAgZGl2LmFkZEV2ZW50TGlzdGVuZXIoJ3doZWVsJywgIChlKSA9PiB7CiAgICAg ICAgICAgIGRpdkNvdW50LmlubmVySFRNTCA9IHBhcnNlSW50KGRpdkNvdW50LmlubmVySFRNTCwg MTApICsgMTsKICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpOwogICAgICAgIH0pOwoKICAg ICAgICByZWN0LmFkZEV2ZW50TGlzdGVuZXIoJ3doZWVsJywgIChlKSA9PiB7CiAgICAgICAgICAg IHJlY3RDb3VudC5pbm5lckhUTUwgPSBwYXJzZUludChyZWN0Q291bnQuaW5uZXJIVE1MLCAxMCkg KyAxOwogICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7CiAgICAgICAgfSk7CiAgICA8L3Nj cmlwdD4KPC9ib2R5Pgo=