paper-dialog inside paper-drawer - dialog hidden behind backdrop

[bwh-rl]

http://jsbin.com/zenicodoho/1/edit?html,output

If the paper-dialog is outside of the paper-drawer-panel it works.
But if the content is separated in some kind of content elements the paper-dialog should be included in them.

e.g.

<paper-drawer-panel>
  <iron-pages drawer>
    <drawer-element-a></drawer-element-a>
    ....
  </iron-pages>
  ....
<paper-drawer-panel>

<dom-module id="drawer-element-a">
  <template>
    ....
    <paper-dialog>
     ....
    </paper-dialog>
  </template>
<dom-module>

[valdrinkoshi]

Hi @bwh-rl, please see this discussion for more details, but in short this is a known problem of when you insert an overlay within an element that creates a new stacking context. The platform doesn't provide ways for overlays to pop out of a stacking context, so it's up to the Polymer user to handle it (e.g. add overlays to body).

Try it yourself:
http://jsbin.com/lemufe/4/edit?html,output

Closing this as duplicate.

[pankratz76]

still an issue to me