鉄フォームを送信してフォーカスが紙入力のときに

Question

するビュー以下の点を考慮に動作しません入力します。

<link rel="import" href="../bower_components/polymer/polymer-element.html"> 
<link rel="import" href="shared-styles.html"> 
<link rel="import" href="../bower_components/paper-input/paper-input.html"> 
<link rel="import" href="../bower_components/paper-button/paper-button.html"> 
<link rel="import" href="../bower_components/iron-form/iron-form.html"> 

<dom-module id="my-view1"> 
    <template> 
    <style include="shared-styles"> 
     :host { 
     display: block; 

     padding: 10px; 
     } 
    </style> 

    <div class="card"> 
     <div class="circle">1</div> 
     <h1>View One</h1> 

     <iron-form id="loginForm"> 
      <form action="/" method="POST"> 
       <label>From here it works:</label> 
       <input type="text" id="name" name="user_name"> 
       <paper-input id="uid" label="Username" type="text" required auto-validate></paper-input> 
       <paper-input id="pwd" label="Password" type="password" required auto-validate></paper-input> 
       <button type="submit" class="no-style">Submit</button> 
      </form> 
     </iron-form> 
    </div> 
    </template> 

    <script> 
    class MyView1 extends Polymer.Element { 
     static get is() { return 'my-view1'; } 
    } 

    window.customElements.define(MyView1.is, MyView1); 
    </script> 
</dom-module> 

焦点が<input>打撃フォームを送信します入力しています。フォーカスが<paper-input>にあるときは表示されません。

これは、何かが変わった

ポリマー1で正常に動作するために使用しますか？

ありがとうございました。

Answer 1

一方、このブラウザ固有のバグは修正されていますが、onkeyupイベントを追加して、ユーザーがenterキーを押した場合にフォームを送信するメソッドを呼び出すことができます。

<paper-input on-keyup="postForm" label="username" value="{{username::input}}"> 

と機能のようなものになるはずですが....

postform: function(event) { 
    var enter = 13; 

    if (event.keyCode === enter) { 
    // code to post form 
    } 
}