Javascript 在阴影dom元素中未显示HTML标题属性

Javascript 在阴影dom元素中未显示HTML标题属性,javascript,html,attributes,web-component,native-web-component,Javascript,Html,Attributes,Web Component,Native Web Component,我用web组件创建了自己的HTML元素。它向其阴影根添加一个按钮。但是当鼠标悬停在按钮上时,不会绘制按钮的标题,尽管在html元素上设置了title属性。我使用的是Windows 10和Firefox版本58.0.2。有什么想法吗 类测试扩展了HtmleElement{ 建造师{ 超级的 var shadow=this.attachShadow{ 模式:“打开” }; var按钮=document.createElement'input'; button.type='button'; butt

我用web组件创建了自己的HTML元素。它向其阴影根添加一个按钮。但是当鼠标悬停在按钮上时,不会绘制按钮的标题,尽管在html元素上设置了title属性。我使用的是Windows 10和Firefox版本58.0.2。有什么想法吗

类测试扩展了HtmleElement{ 建造师{ 超级的 var shadow=this.attachShadow{ 模式:“打开” }; var按钮=document.createElement'input'; button.type='button'; button.value='测试按钮'; button.title='我的按钮的标题'; shadow.appendChildbutton; } } 自定义元素。定义“te测试”,测试;
我在Mac上的Chrome 64.0.3282.186中看到了标题:


我不知道这种行为是否有意,但当我改变时

button.title = 'Title of my button';


它起作用了。但正如你已经提到的,第一种方式似乎适用于其他OSs和浏览器。因此,它可能会在未来的版本中由Mozilla修复。

标题属性和标题工具提示将在Mac上的Firefox 58上为我显示。事实上,现在它与@BrettDeWoody更正一起工作,即polyfill addedbug仍然存在于v59中
this.title = 'Title of my button';