Question

我尝试在纸张下拉菜单中添加纸张输入，以便我可以在下拉菜单中搜索项目。像这样，

<paper-dropdown-menu>
  <paper-menu>
    <paper-input label="Search"></paper-input>
    <paper-item>...</paper-item>
  </paper-menu>
</paper-dropdown-menu

我还写了一些js来覆盖纸张下拉菜单的默认行为，这样当我点击纸张输入时，菜单就不会关闭。

现在的问题是，当我点击纸张输入时，我实际上无法输入任何东西，因为它似乎没有聚焦纸张输入，或者它是聚焦但是以一种意想不到的方式像普通的纸张输入。我必须按一个标签＆＃39;实际上可以输入一些东西。

有人知道为什么会这样吗？谢谢！

Answer 1

将纸张输入移动到纸张菜单外，进入纸张下拉菜单下的新div，其中包含“dropdown-content”类

<paper-dropdown-menu label='Fruit'>
  <div class="dropdown-content">
    <paper-input label="Search"></paper-input>
    <paper-menu> 
      <paper-item>Apples</paper-item>
      <paper-item>Oranges</paper-item>      
    </paper-menu>
  </div>
</paper-dropdown-menu>

这是一个有效的例子： https://jsbin.com/tirinibiso/edit?html,output Polymer也给出了paper-dropdown-menu example。

纸张下拉菜单中的纸张输入未正确聚焦

1 个答案: