无法从polymer 2.x中的下拉菜单中预选第一项

我正在使用Polymer 2.x中的纸张下拉菜单，如下所示：

<paper-dropdown-menu label="Person" class="item">
  <paper-listbox id="name" slot="dropdown-content" attr-for-selected="value" selected="{{selName}}" on-iron-select="nameSelected">
    <paper-item value="John">John</paper-item>
    <paper-item value="Bush">Bush</paper-item>
    <paper-item value="Afridi">Afridi</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

<paper-dropdown-menu label="Balance" class="item">
  <paper-listbox id="Balance" slot="dropdown-content" attr-for-selected="value" selected="{{selValue}}">
    <template is="dom-repeat" items="[[data]]">
      <paper-item value="{{item}}">{{item}}</paper-item>
    </template>
  </paper-listbox>
</paper-dropdown-menu>

当我从上面的下拉菜单中选择某个项目时，将根据所选值填充下拉列表，如下所示：

<paper-dropdown-menu label="Person" class="item">
  <paper-listbox id="name" slot="dropdown-content" attr-for-selected="value" selected="{{selName}}" on-iron-select="nameSelected">
    <paper-item value="John">John</paper-item>
    <paper-item value="Bush">Bush</paper-item>
    <paper-item value="Afridi">Afridi</paper-item>
  </paper-listbox>
</paper-dropdown-menu>

<paper-dropdown-menu label="Balance" class="item">
  <paper-listbox id="Balance" slot="dropdown-content" attr-for-selected="value" selected="{{selValue}}">
    <template is="dom-repeat" items="[[data]]">
      <paper-item value="{{item}}">{{item}}</paper-item>
    </template>
  </paper-listbox>
</paper-dropdown-menu>

事件处理程序

第一次加载页面时，将预先选择人员下拉菜单中的第一个值。因此，余额下拉菜单中的第一个项目也是预选的，即零。这很好。问题是，当我更改“人员”下拉菜单中的选择时，虽然已正确填充“余额”下拉菜单，但未预选第一个值

---

您能指导我解决这个问题吗。

看起来这是polymer 2.0 element预览版中的一个bug。我已成功使用以下代码使其工作：

if (this.selValue !== this.data[0]) {
  this.selValue = undefined;
  setTimeout(() => { this.selValue = this.data[0]; }, 0);
}

---

我曾试图实现简单的聚合物应用程序来复制它，但我做不到。聚合物能够选择元素，如果有超过1000个项目。你能更新一下你的问题吗，这样就可以重现它了？我已经简化了我的问题。希望有帮助。它确实有帮助，它对这个问题有完全不同的意义。检查我的答案，希望有帮助。