data-grid: styling of selected cell->anchor

[atanasster]

Describe the bug

The <a> tag is not styled correctly when inside a selected cell

To reproduce

The following code, select the first cell with the mouse:

<vscode-data-grid>
  <vscode-data-grid-row row-type="header">
    <vscode-data-grid-cell grid-column="1" cell-type="columnheader"> Name </vscode-data-grid-cell>
    <vscode-data-grid-cell grid-column="2" cell-type="columnheader"> Type </vscode-data-grid-cell>
  </vscode-data-grid-row>
  <vscode-data-grid-row>
    <vscode-data-grid-cell grid-column="1">
      <a href="#">
        y*
      </a>
    </vscode-data-grid-cell>
    <vscode-data-grid-cell grid-column="2">
      <code>number</code>
    </vscode-data-grid-cell>
  </vscode-data-grid-row>
</vscode-data-grid>

Expected behavior

Expected to have css styled applied to elements inside the cell

Screenshots

[atanasster]

theme: light, light+

[hawkticehurst]

Oh boy.. well that's an accessibility issue waiting to happen. Thank you for the catch!

I'll put it on the backlog to get addressed with priority.

[atanasster]

Thanks again for the fast response.

[daviddossett]

Great catch, thanks!