我尝试在纸张下拉菜单中添加纸张输入,以便我可以在下拉菜单中搜索项目。像这样,
<paper-dropdown-menu>
<paper-menu>
<paper-input label="Search"></paper-input>
<paper-item>...</paper-item>
</paper-menu>
</paper-dropdown-menu
我还写了一些js来覆盖纸张下拉菜单的默认行为,这样当我点击纸张输入时,菜单就不会关闭。
现在的问题是,当我点击纸张输入时,我实际上无法输入任何东西,因为它似乎没有聚焦纸张输入,或者它是聚焦但是以一种意想不到的方式像普通的纸张输入。我必须按一个标签&#39;实际上可以输入一些东西。
有人知道为什么会这样吗?谢谢!
答案 0 :(得分:3)
将纸张输入移动到纸张菜单外,进入纸张下拉菜单下的新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。