svcavallar/howto-patch-paper-dialog.md

Created March 20, 2017 21:45

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/svcavallar/65b76ba3fed0e600b34afe9b95b2f808.js"></script>
Save svcavallar/65b76ba3fed0e600b34afe9b95b2f808 to your computer and use it in GitHub Desktop.

How to patch Polymer paper-dialog so appears in-front of its backdrop

Raw

This howto is especially for when using a custom modal paper-dialog that is not within the <body> element - for example within a custom page element.

Add the following to your custom element:

// https://github.com/PolymerElements/paper-dialog/issues/7
patchOverlay: function (e) {
  if (e.target.withBackdrop) {
    e.target.parentNode.insertBefore(e.target.backdropElement, e.target);
  }
},

Next, add on-iron-overlay-opened="patchOverlay" to your <paper-dialog> element(s).