javascript - 如何在 lit-element 中聚焦纸张输入

Question

我有一个 <paper-input>我希望在页面加载时选择的页面上的元素。我试图在页面首次更新时将其聚焦，但没有奏效。

firstUpdated() {
    this.shadowRoot.querySelector('#input').focus();
}

The paper-input page建议设置 tabindex input.focus() 是必需的工作，所以我也这样做了，但没有用。我还尝试了为 this SO question 建议的解决方案关于paper-input在聚合物中，但没有一个起作用。

有没有办法聚焦 paper-input在 lit-element 中？

Answer 1

我有一个正在使用的 hack，我可能不会在生产中使用它，但它也许可以作为灵感。

focusDescription() {
    let descriptionElement = this.shadowRoot.getElementById("description") as any
    let descriptionInputElement = descriptionElement.inputElement.children[0]
    descriptionInputElement.inputElement.children[0].focus()
}