Multiple non modal dialogs in Angular Material

Useful while panel not released (https://material.angularjs.org/HEAD/api/service/$mdPanel)

CSS to prevent modality:

.md-dialog-container {
    pointer-events: none;
}
md-dialog {
    pointer-events: all;
}

Dialog options:

{
/* Don't close this dialog when opening a new one */
    skipHide: true, 
/* Don't do the darkening of the whole screen */
    hasBackdrop: false 

}

References

• http://webiks.com/using-angular-material-dialog-as-a-popup/
• http://webiks.com/mddialog-with-a-confirmation-dialog/