Angular 5: clicked button that triggers a dialog becomes highlighted after the dialog is closed : <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>
