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

Question

我试图在纸张下拉菜单中添加纸张输入，以便我可以搜索下拉菜单中的项目。与此类似，

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

我也写了一些JS覆盖纸下拉菜单的默认行为，当我点击纸张输入，菜单不会关闭。

现在的问题是，当我点击纸张输入时，实际上我无法输入任何内容，因为纸张输入似乎没有被聚焦，或者它以一种意想不到的方式聚焦，像普通的纸张输入。我必须按“标签”才能实际输入内容。

有人知道为什么会发生这种情况吗？谢谢！

Answer 1

移动纸张输入纸张菜单外，进入一个新的div与类“下拉列表内容”

<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也是如此。