Question

I've recently updated polymer and components, and a weird thing appears.

I have paper-dialog element, and inside, on the left a paper-menu item with multiple paper-item. On the right, a simple div with some content. When clicking on a paper-item, the content of the div will change.

Since the update, when clicking on a paper-item element, the dialog will automatically close.

After searching, it appears that if I remove the paper-menu element and only left the multiple paper-item, the problem will no longer occurs. After looking inside the iron-menu-behavior, I found a new function (an override of _activateHandler), which, when commented, will kept previous functionning without closing the dialog.

I keep searching to find any solution, but anyone encountered the same problem?

For information :

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

And inside my div is added this :

  <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>

Thanks a lot

Answer 1

好的，看看这个问题，似乎是一个众所周知的问题：https://github.com/PolymerElements/iron-menu-behavior/issues/40 我也指出你的JSBIN！编辑：这是你的！：）

change in polymer paper-menu

1 个答案: