Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 具有阴影根的元素打断文本选择_Javascript_Html_Css_Firefox_Shadow Dom - Fatal编程技术网

Javascript 具有阴影根的元素打断文本选择

Javascript 具有阴影根的元素打断文本选择,javascript,html,css,firefox,shadow-dom,Javascript,Html,Css,Firefox,Shadow Dom,在Firefox中,根文本内容似乎不像页面上的任何其他文本那样由用户选择 演示:执行下面的代码段并在结果框中按Ctrl+A。下面是发生的情况: 让wShadow=document.querySelector(“#带阴影根”) 设p=document.createElement('p') p、 textContent='带阴影根' attachShadow({mode:'open'}) wShadow.shadowRoot.appendChild(p) 一些文本。 还有一些文字。 一些文本

在Firefox中,根文本内容似乎不像页面上的任何其他文本那样由用户选择

演示:执行下面的代码段并在结果框中按Ctrl+A。下面是发生的情况:

让wShadow=document.querySelector(“#带阴影根”)
设p=document.createElement('p')
p、 textContent='带阴影根'
attachShadow({mode:'open'})
wShadow.shadowRoot.appendChild(p)

一些文本。

还有一些文字。 一些文本。 没有影子根

还有一些文字。
对本问题调查结果的回应已作为副本结束

关于第二个bug报告的最后评论说明了这一点:

问:对于70年的修复来说太晚了,但是我们看到了一些复制品,你能不能再看一看,也许在72年修复?或者这是某个更大项目的一部分

答:在启用阴影DOM时实现不同的选择处理是一项艰巨的任务,这项工作正在进行中。 (未真正指定阴影DOM的选择处理)

因此,为了回答您的问题,从外观上看,文本选择处理与阴影DOM的结合似乎是a)未指定的领域,b)有点难以实现


至少大家一致认为Firefox中当前的处理方式不是他们想要的。

我认为影子根不应该在没有自定义元素的情况下使用。对于@connexo这句话我不确定。但是是的,我实际上看到了一个有阴影根的CE的这种行为。在这里,我想发布一个最小的可复制示例,因此我剥离了自定义元素部分,因为它似乎不相关。尝试使用鼠标选择文本更令人恼火。是的,是的。页面上有这样一个元素,用户无法再可靠地选择文本。我很惊讶到目前为止似乎没有人注意到/关心(至少我没有发现任何关于它的问题/bug)。伟大的发现!这就像一个虫子,但不是他们的错:-/