JSFiddle - React, Tailwind, and code Playground

by hrabinowitz

HTML

<svg width="300" height="300">
  <g>
    <rect x="0" y="0" width="100" height="100"></rect>
    <rect x="200" y="200" width="100" height="100"></rect>
  </g>
</svg>

CSS

g {
    pointer-events: bounding-box;
}

JavaScript

document.querySelector("g").addEventListener("click", () => alert("clicked"))