title: Trying to prevent the opening of an angular material dialog while opening another one
body: <p>I'm using the Angular Material Dialogs for events management in a grid calendar.</p>
  
  <pre><code>&lt;td *ngFor="let member of members | async" (click)="openDialogNewEvent(time,member)"&gt;
      &lt;div *ngFor="let event of events"&gt;
          &lt;span *ngIf="event.time===member.time" (click)="openDialogSeeEvent(event)"&gt;.&lt;/span&gt;
      &lt;/div&gt;&lt;/td&gt;
  </code></pre>
  
  <p>The clickable span launching the second dialog : </p>
  
  <pre><code>openDialogSeeEvent(event)
  </code></pre>
  
  <p>is in the clickable td cell that launch the first dialog :</p>
  
  <pre><code>openDialogNewEvent(time,member)
  </code></pre>
  
  <p>It used to work like that but with the last angular material update, it seems that the two dialogs open when there is a click on the span.</p>
  
  <p>I'm trying to find a way to prevent opening the openDialogNewEvent when clicking on the openDialogSeeEvent but I can't find it.</p>