title: tapping an icon freezes a d3.js, SVG browsing website on mobile safari
body: <p>I'm building a site and it works fine on desktop but on mobile it freezes during specific interactions.</p>
  <p>Here is a demo:
  <a href="https://galiano-d3-test.surge.sh/" rel="nofollow noreferrer">https://galiano-d3-test.surge.sh/</a></p>
  <p>The site loads a layered SVG and allows you to pan/zoom. On the layer that loads in the link, you can click on the 'X's and they will animate the map.</p>
  <p>When I try this on an iPhone 6s, and an iPhone 13 with iOS 15.4.1, if you tap an X the page doesn't permit any more touch actions. I don't think it's frozen because I can still change aspects of the site via live-reload (changing the CSS for example).</p>
  <p>The &quot;freezing&quot; stops if I set the SVG to display:none. But that is not ideal.</p>
  <p>Another odd thing is this is not a problem on my older phone (iPhone 6) running iOS 12.5.5. It works as expected there.</p>
  <p>I don't know if this is a bug since it works fine on an older, less performant phone?</p>