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

Question

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

 class Test extends HTMLElement { constructor() { super(); var shadow = this.attachShadow({ mode: 'open' }); var button = document.createElement('input'); button.type = 'button'; button.value = 'Test button'; button.title = 'Title of my button'; shadow.appendChild(button); } } customElements.define('te-test', Test); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.1.0/webcomponents-lite.js"></script> <te-test></te-test> 

Answer 1

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

button.title = 'Title of my button';

至

this.title = 'Title of my button';

有用。 但是，正如您已经提到的，第一种方法似乎可以与其他操作系统和浏览器一起使用。 因此，Mozilla在将来的版本中可能会修复它。

Answer 2

我在Mac上的Chrome 64.0.3282.186中看到标题：