search

d3 / d3-zoom

Pan and zoom SVG, HTML or Canvas using mouse or touch input.
https://d3js.org/d3-zoom
ISC License
502 stars 143 forks source link

Pinch zoom in and out not working in mobile chrome #194

Closed shofman10 closed 4 years ago

shofman10 commented 4 years ago

When I try to rely on the zoomed event for pinch zooming on mobile devices, it doesn't work well or at all. On my production site it just zooms in to the max scale extent regardless of if I am trying to pinch zoom in or out.

This is my codepen: https://codepen.io/shofman10/pen/BXxKxJ

Is there different logic I need to add for pinch zooming transformation on mobile devices?

Fil commented 4 years ago

Adding a wrapper to apply the zoom transform seems to fix it? https://codepen.io/recifs/pen/NWGmjRd