A stacking-context safe paper-dialog with remote-control.
Place your dialog somewhere save from stacking-context issues, and access it over a remote element in your view.
Designed as a workshift solution till the stacking context issues in paper-dialog are fixed.
Demo Link: https://www.webcomponents.org/element/IswPolymerElements/isw-dialog/demo/demo/
<isw-dialog name="myUniqueDialogName" data="{{dataFromRemote}}">
<h2>Header</h2>
<paper-dialog-scrollable>
Lorem ipsum: [[dataFromRemote.someTextProperty]]
</paper-dialog-scrollable>
<div class="buttons">
<paper-button dialog-dismiss>Cancel</paper-button>
<paper-button dialog-confirm autofocus>Accept</paper-button>
</div>
</isw-dialog><isw-dialog-remote
id="dialogRemote"
dialog="myUniqueDialogName"
data="[[dataForDialog]]"
on-iron-overlay-closed="_closed">
</isw-dialog-remote>open() {
this.$.dialogRemote.open();
}
_closed( event ) {
console.log( event );
}