title: Opening dialog from another dialog with Angular Material and Safari
body: <p>Please take a look at the following app:</p>
  
  <p><a href="https://stackblitz.com/edit/angular-1qxhep" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-1qxhep</a></p>
  
  <p>I'm trying to open a dialog from within another dialog. The shared example works fine in Chrome but it doesn't work in Safari.</p>
  
  <p>If you check the two console.log() statements in safari the result looks different:</p>
  
  <p><strong>Safari</strong></p>
  
  <p>First dialog info:</p>
  
  <pre><code>MatDialogRef {_overlayRef: OverlayRef, _containerInstance: MatDialogContainer, id: "dialog1", disableClose: false, _afterOpen: Subject, …}
  </code></pre>
  
  <p>Second dialog info:</p>
  
  <pre><code>MatDialogRef {_overlayRef: OverlayRef, _containerInstance: MatDialogContainer, id: "dialog1", disableClose: false, _afterOpen: Subject, …}
  </code></pre>
  
  <p><strong>Chrome</strong></p>
  
  <p>First dialog info:</p>
  
  <pre><code>MatDialogRef {_overlayRef: OverlayRef, _containerInstance: MatDialogContainer, id: "dialog1", disableClose: false, _afterOpen: Subject, …}
  </code></pre>
  
  <p>Second dialog info:</p>
  
  <pre><code>MatDialogRef {_overlayRef: OverlayRef, _containerInstance: MatDialogContainer, id: "dialog2", disableClose: false, _afterOpen: Subject, …}
  </code></pre>
  
  <p>Notice that for Chrome the 'id' parameter passed to the dialogs is properly picked up, for Safari I don't get the same behaviour and therefore Safari does not open the second dialog panel.</p>