title: Angular mat-table row highlighting with dialog open
body: <p>Requirement is to keep row highlighted while dialog is open. Unsure as to what the best implementation would be to keep the row clicked active state when the dialog is opened by clicking on a row
  <a href="https://i.stack.imgur.com/dCLEK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dCLEK.png" alt="enter image description here"></a></p>
  
  <p><strong>Table HTML:</strong></p>
  
  <pre><code>&lt;mat-table class="mat-table-hover mat-table-striped mat-table-active" [dataSource]="dataSource" matSort&gt;
  </code></pre>
  
  <p><strong>Table SCSS Styling:</strong></p>
  
  <pre><code>// Table highlight rows on active
      &amp;.mat-table-active &gt; mat-row:active {
        background-color: mat-color($accent, lighter);
        cursor: pointer;
  
        mat-cell {
          color: mat-color($accent, lighter-contrast);
        }
      }
  </code></pre>