[Bug]: Selection cell is visible when hovering on the header or tabbing to the header cell

[nanivijay]

Component

Table

Package version

9.55.0, 9.57.0

React version

16

Environment

System:
    OS: Windows 11 10.0.27774
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i7-13800H
    Memory: 30.42 GB / 63.83 GB
  Browsers:
    Edge: Chromium (132.0.2957.111), ChromiumDev (133.0.3054.1)
    Internet Explorer: 11.0.27774.1000

Current Behavior

When using the Single Select Datagrid or table in Fluent UI, the selection cell becomes visible when the user hovers over the header or tabs to the header cell. This behavior is unexpected and may cause confusion for users

Actual Behavior: The selection cell becomes visible when hovering over the header or tabbing to the header cell.

Expected Behavior

Expected Behavior: The selection cell should not be visible when hovering over the header or tabbing to the header cell.

Reproduction

https://stackblitz.com/run?file=package.json

Steps to reproduce

1. Go to https://stackblitz.com/run?file=package.json
2. Hover over the header cell.
3. Tab to the header cell.

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[ValentinaKozlova]

Hello @nanivijay, could you please update the link on stackblitz? It's not working

[nanivijay]

You can check the experience in fluent ui 9 storybook
https://react.fluentui.dev/?path=/docs/components-table--docs#single-select

https://stackblitz.com/edit/2bzwbynz?file=src%2FApp.tsx