打开对话框后设置焦点 - Polymer(无JQuery)

时间:2017-08-18 14:56:36

标签: javascript html polymer accessibility

如何将一个地方的重点放在paper-inputpaper-dialog被打开的位置?

我目前有这个基本代码作为概念证明,但它没有焦点。

我发现这适用于autofocus中写的paper-input,但我不认为这是一种合适的方法。

HTML

<paper-dialog style="margin:0; padding: 0;" class="changePictureDialog" id="dialog" with-backdrop entry-animation="scale-up-animation" 
        exit-animation="fade-out-animation">
    <paper-input style="margin:20px" id="newInput" placeholder="placeholder"></paper-input>
    <paper-button id="button" on-click="focusInput">button</paper-button>
</paper-dialog>

JS

openDialog : function() {
    this.$.dialog.open();
    this.$.newInput.focus();
},

1 个答案:

答案 0 :(得分:1)

改变这个:

this.$.newInput.focus();

要:

this.$.newInput.autofocus = true;