title: Angular 5: clicked button that triggers a dialog becomes highlighted after the dialog is closed
body: <p>I noticed that button gets classes cdk-focused and cdk-program-focused added <em>after</em> the dialog it triggered is closed. If I click anywhere effect disappears.</p>
  
  <p><strong>app.component.html</strong> [fragment]</p>
  
  <pre><code>&lt;mat-cell *matCellDef="let element"&gt;
    &lt;span matTooltip="Delete" matTooltipPosition="right"&gt;
      &lt;button mat-icon-button color="warn" (click)="openDeleteAssociationDialog()"&gt;
        &lt;mat-icon&gt;delete&lt;/mat-icon&gt;
      &lt;/button&gt;
    &lt;/span&gt;
  &lt;/mat-cell&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/FA3Fa.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/FA3Fa.gif" alt="Illustration"></a></p>