SVG元素无法在Safari上单击

Question

以下是重现

的代码

<svg focused="true" width="338.35" height="338.35" version="1.2" viewBox="0 0 1200 1600" style="overflow:visible;">

   <g onclick="alert(2)" transform="translate(0,0) rotate(0,375.7469534186119,500.9959378914826)">  
    <rect width="600" height="800" fill="red"></rect>
  </g>

  <g onclick="alert(1)" transform="translate(1537.23915382511058,0) rotate(0,375.7469534186119,500.9959378914826)">

    <rect width="600" height="800"></rect>
  </g>

</svg>

小提琴http://jsfiddle.net/fb6swzba/

点击一个框后，它会提醒一个号码。如您所见，红色框适用于两种浏览器。在chrome上，红色和黑色盒子都可以使用。但是在Safari红盒子上工作，但黑盒子根本没有反应。

当 rect 超出SVG中定义的宽度时，它会在浏览器中显示为溢出：可见样式。但它在Safari浏览器上无法点击，但同样的示例适用于Chrome。