将影子根应用于Firefox中的锚点会破坏链接

Question

这是一个基本代码：

我有一个元素

<a href="http://www.stackoverflow.com" id="test">go</a>

我在Chrome中执行以下操作：

var a = document.getElementById('test');
var sh = a.createShadowRoot();
sh.textContent = 'GO!!!!!!!';

我得到了正确的行为，链接文字变为GO !!!!!我仍然可以点击它。但是，Firefox中完全相同的行为会导致链接无法使用，除非我在该页面下面再添加一个shadowRoot，它被设置为一对空内容标记。

如果有人遇到这个问题，你们有没有找到解决办法？ 谢谢！ 卢卡