我正在使用https://www.npmjs.org/package/grunt-svgstore将多个SVG编译成一个SVG并将其用于：
<svg id="button"><use xlink:href="#svg-test"></use></svg>
我用CSS（宽度，高度，填充等）设计它。
问题是当我想附加javascript事件时，例如点击。 Firefox上不存在该问题，所有其他浏览器都很难处理该事件。 它有时会起作用。
在我这里的笔中根本不起作用：http://codepen.io/IvanDokov/pen/IcvbB
我看到CodePen使用相同的技术，他们有按钮作为svg和div的包装器。 div绝对位于svg上，实际上你无法点击svg并且事件正常工作。
有没有办法不像这样破解它。我不想要一个额外的包装器和里面的div。