如果由Shadow Dom中的clikcing元素触发,则ng-click会破坏应用程序

时间:2016-09-07 14:03:26

标签: angularjs internet-explorer svg shadow-dom

我们的想法是将SVG保留在影子DOM中并插入'使用'标签。 将ng-click添加到封装SVG的元素时,问题出现在IE11中。



<a ng-href="#/settings/profile">
    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon--medium" name="cog">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#cog"></use>
    </svg>
</a>
&#13;
&#13;
&#13;

单击A标签或附加了ng-click的任何元素时也会发生相同的情况。 发生问题后,UI停止响应。只有硬页面重新加载才能解决问题。

仅在IE中观察。 Chrome工作正常。

知道它可以是什么吗?

1 个答案:

答案 0 :(得分:0)

尝试将pointer-events: none;添加到svg元素