在Firefox中，指针事件=“可见”的单击事件传播到隐藏的SVG图像

Question

似乎在较新版本的Firefox中（不支持v34和v35的版本），不考虑SVG对象属性“指针事件”的“可见”值。

我在SVG中嵌入了以下定义的图像：

<image x="10" y="10" id="svg-image1" width="300" height="200" xlink:href="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" />

<image x="10" y="210" id="svg-image2" width="300" height="200" xlink:href="http://css-plus.com/examples/2012/03/gaussian-blur/i/fence.jpg" pointer-events="visible" visibility="hidden" />

当绘制第二个图像时，第二个图像在SVG中不可见，但是当单击第二个图像所占的区域时，将触发单击事件。 我已经确认Chrome具有预期的行为，如果将指针事件设置为“可见”，则不会触发隐藏元素上的点击事件，但是会针对第一张图片触发点击事件。

JSFiddle在这里： http : //jsfiddle.net/d9uqo33j/，您可以通过在Firefox中单击可见图像下面的内容进行复制。

是否知道为什么会这样，或者如何从Firefox中获得预期的行为？ 它尊重指针事件=“ none”，但是在很多地方我可能会切换可见性，我宁愿不依赖于每次切换图像可见性时都要记住重置指针事件或鼠标处理程序。

Answer 1

您可以使它们显示为“ none”，直到我修复该错误为止。

Answer 2

看起来这实际上是Firefox中的回归：

D3事件在隐藏的svg元素上触发

https://bugzilla.mozilla.org/show_bug.cgi?id=1119698