{"action":"created","issue":{"url":"https://api.github.com/repos/d3/d3/issues/3035","repository_url":"https://api.github.com/repos/d3/d3","labels_url":"https://api.github.com/repos/d3/d3/issues/3035/labels{/name}","comments_url":"https://api.github.com/repos/d3/d3/issues/3035/comments","events_url":"https://api.github.com/repos/d3/d3/issues/3035/events","html_url":"https://github.com/d3/d3/issues/3035","id":194590576,"number":3035,"title":"D3 zoom not working with mousewheel in safari Version 10.0 (Mac)","user":{"login":"vbabenko","id":4083910,"avatar_url":"https://avatars.githubusercontent.com/u/4083910?v=3","gravatar_id":"","url":"https://api.github.com/users/vbabenko","html_url":"https://github.com/vbabenko","followers_url":"https://api.github.com/users/vbabenko/followers","following_url":"https://api.github.com/users/vbabenko/following{/other_user}","gists_url":"https://api.github.com/users/vbabenko/gists{/gist_id}","starred_url":"https://api.github.com/users/vbabenko/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vbabenko/subscriptions","organizations_url":"https://api.github.com/users/vbabenko/orgs","repos_url":"https://api.github.com/users/vbabenko/repos","events_url":"https://api.github.com/users/vbabenko/events{/privacy}","received_events_url":"https://api.github.com/users/vbabenko/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-12-09T12:58:21Z","updated_at":"2016-12-09T16:39:13Z","closed_at":null,"body":"This is the same issue that was created before #2626 but no one could reproduced and as result the ticket was closed.\r\nThe issue is reproduced only in Safari (FireFox, Chrome works as expected).\r\nI'm using last version of D3 (4.2.2 and 4.4)\r\nThe problem that D3 wheel zoom works only on `g` element and doesn't work over `svg` element. Note `dbClick` zoom works over svg.\r\n\r\n- Simple fiddle: https://jsfiddle.net/vbabenko/zq0v1rta/1/\r\n- More details + illustration: http://stackoverflow.com/questions/40887193/d3-js-zoom-is-not-working-with-mousewheel-in-safari\r\n\r\nSteps of reproduce (Safari):\r\n1. Mouse over on red rect  and start wheel zoom\r\n>> zoom works\r\n2. Mouse over on svg element near of red rect\r\n>> zoom doesn't work\r\n\r\nNote: there is exists some zones in svg (left and top) where zoom works. This illustration described in stackoverflow link.\r\n\r\nOne of possible work around is to insert transparent rect with full width and heigh before our rect and zoom will work for Safari. For example:\r\n`<svg>`\r\n     `<rect></rect> --------> this is transparent rect with full width and height`\r\n     `<g>`\r\n        `<rect></rect> --------> this is our red rect`\r\n     `</g>`\r\n`</svg>`\r\n\r\nIf someone can explain this behavior in Safari and especially explain 'magic' zones it would be great."},"comment":{"url":"https://api.github.com/repos/d3/d3/issues/comments/266059600","html_url":"https://github.com/d3/d3/issues/3035#issuecomment-266059600","issue_url":"https://api.github.com/repos/d3/d3/issues/3035","id":266059600,"user":{"login":"vbabenko","id":4083910,"avatar_url":"https://avatars.githubusercontent.com/u/4083910?v=3","gravatar_id":"","url":"https://api.github.com/users/vbabenko","html_url":"https://github.com/vbabenko","followers_url":"https://api.github.com/users/vbabenko/followers","following_url":"https://api.github.com/users/vbabenko/following{/other_user}","gists_url":"https://api.github.com/users/vbabenko/gists{/gist_id}","starred_url":"https://api.github.com/users/vbabenko/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vbabenko/subscriptions","organizations_url":"https://api.github.com/users/vbabenko/orgs","repos_url":"https://api.github.com/users/vbabenko/repos","events_url":"https://api.github.com/users/vbabenko/events{/privacy}","received_events_url":"https://api.github.com/users/vbabenko/received_events","type":"User","site_admin":false},"created_at":"2016-12-09T16:39:13Z","updated_at":"2016-12-09T16:39:13Z","body":"@powersparks Thanks for debugging. You have provided really good example. But, I can not explain to myself how is it possible? One element has different behavior depends on zones..."}}
{"actor":{"display_login":"vbabenko"}}