Polymer 纸张对话框中的自动对焦纸张输入仅工作一次? 改名 取消 改名

Polymer 纸张对话框中的自动对焦纸张输入仅工作一次? 改名 取消 改名,polymer,web-component,polymer-1.0,Polymer,Web Component,Polymer 1.0,此纸张对话框仅在您第一次打开时触发对其纸张输入的自动聚焦 如何在每次打开对话框时触发焦点 要修复对话框上的自动对焦,我必须使用事件侦听器并手动对焦元素 例如: <paper-dialog> <h2>Rename</h2> <div> <paper-input autofocus></paper-input> </div> <div class="buttons"> &l

此纸张对话框仅在您第一次打开时触发对其纸张输入的自动聚焦


如何在每次打开对话框时触发焦点

要修复对话框上的自动对焦,我必须使用事件侦听器并手动对焦元素

例如:

<paper-dialog>
  <h2>Rename</h2>
  <div>
    <paper-input autofocus></paper-input>
  </div>
  <div class="buttons">
    <paper-button dialog-dismiss>Cancel</paper-button>
    <paper-button dialog-confirm on-click="_confirm">Rename</paper-button>
  </div>
</paper-dialog>

如果有一个触发器函数打开对话框,也可以使用如下代码:

this.$。\uuuuu myDialog\uuuuuu.open();
this.async(函数(){
此.$.\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu;
});
window.addEventListener('iron-overlay-opened', function(event) {
    // Grab the autofocus input
    var input = event.target.querySelector('[autofocus]');
    // Switch it because some require special treatment
    switch(input.tagName.toLowerCase()) {
        case 'input':
            input.focus();
            break;
        case 'paper-textarea':
        case 'paper-input':
            input.$.input.focus();
            break;
    }
});