聚合物纸张输入-启用ios选项卡箭头

时间:2018-08-10 09:27:02

标签: javascript html css polymer polymer-3.x

使用这样的表单时发现了一个问题:

<div class="row">
  <iron-icon icon="my-icons:person"></iron-icon>
  <paper-input required id="firstName" value="[[firstName]]" label="First name" on-value-changed="_firstNameChanged">
    <iron-icon icon="clear" hidden$="[[!firstName]]" slot="suffix" class="input-icon" on-click="_clearInput"></iron-icon>
  </paper-input>
</div>
<div class="row">
  <iron-icon icon="my-icons:person"></iron-icon>
  <paper-input required id="lastName" value="[[lastName]]" label="Last name" on-value-changed="_lastNameChanged">
    <iron-icon icon="clear" hidden$="[[!lastName]]" slot="suffix" class="input-icon" on-click="_clearInput"></iron-icon>
  </paper-input>
</div>
<div class="row">
  <iron-icon icon="communication:phone"></iron-icon>
  <paper-input required id="phone" value="[[phone]]" label="Phone" type="tel" on-value-changed="_phoneChanged">
    <iron-icon icon="clear" hidden$="[[!phone]]" slot="suffix" class="input-icon" on-click="_clearInput"></iron-icon>
  </paper-input>
</div>
<div class="row">
  <iron-icon icon="communication:email"></iron-icon>
  <paper-input required id="email" value="[[email]]" label="Email" type="email" on-value-changed="_emailChanged">
    <iron-icon icon="clear" hidden$="[[!email]]" slot="suffix" class="input-icon" on-click="_clearInput"></iron-icon>
  </paper-input>
</div>
<div class="row">
  <iron-icon icon="communication:email"></iron-icon>
  <paper-input required id="email" value="[[email]]" label="Email" type="email" on-value-changed="_emailChanged">
    <iron-icon icon="clear" hidden$="[[!email]]" slot="suffix" class="input-icon" on-click="_clearInput"></iron-icon>
  </paper-input>
</div>

我得到一个表单,其中禁用了在简单输入表单中默认启用的选项卡箭头(请参见下面的屏幕截图)。

问题是:有没有办法让他们工作?

我尝试过:

  • tabindex
  • 将其包装在标签中
  • 删除所有图标标签换行
  • 标签中的纸张输入

屏幕截图:

enter image description here

0 个答案:

没有答案