首页 文章

改变聚合物纸张菜单

提问于
浏览
2

我最近更新了聚合物和组件,出现了一些奇怪的事情 .

我有纸质对话框元素,左边是一个带有多个纸质项目的纸质菜单项 . 在右边,一个带有一些内容的简单div . 单击纸质项目时,div的内容将更改 .

自更新以来,单击纸张项目元素时,对话框将自动关闭 .

搜索后,似乎如果我删除了纸质菜单元素并且只留下了多个纸质项目,则问题将不再出现 . 在查看了iron-menu-behavior之后,我发现了一个新函数(_activateHandler的覆盖),当被注释时,它将保持之前的函数而不关闭对话框 .

我一直在寻找任何解决方案,但是有人遇到过同样的问题吗?

有关信息:

<paper-dialog id="dialog" with-backdrop>
 <div id="content"></div>
</paper-dialog>

在我的div里面添加了这个:

<div class="content">

    <div class="list">
      <paper-menu>
        <template is="dom-repeat" items="{{menu}}">
          <paper-item on-click="_onCategorySelection">
            <iron-icon icon="{{item.icon}}" class="icon"></iron-icon>
            <span class="text">{{item.text}}</span>
          </paper-item>
        </template>
      </paper-menu>
    </div>

    <div id="listContent">
      <div class="noContent" hidden$="{{content}}">
        <div class="noContentText">Pas de catégorie séléctionnée</div>
      </div>
      <template is="dom-if" if="{{content}}">
        <div class="withContent">
          <template is="dom-repeat" items="{{content}}" as="widget">
            <badge data="{{widget}}" on-click="_onWidgetSelect"></badge>
          </template>
        </div>
      </template>
    </div>
  </div>

非常感谢

1 回答

相关问题