[Bug]: There is no tooltip for truncated text of DetailsList

[airmelt-ms]

Package

react

Package version

8.121.1

React version

17.0.65

Environment

System:
    OS: Windows 11 10.0.26100
    CPU: (16) x64 Intel(R) Core(TM) i7-10700 CPU @ 2.90GHz
    Memory: 8.51 GB / 31.78 GB
  Browsers:
    Edge: Chromium (129.0.2792.52)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    @fluentui/react: 8.121.1 => 8.121.1
    @fluentui/react-charting: ~5.21.22 => 5.21.22
    @types/react: ^17.0.53 => 17.0.65
    @types/react-dom: ^17.0.18 => 17.0.20
    react: 17.0.2 => 17.0.2
    react-dom: 17.0.2 => 17.0.2

Current Behavior

But in React DetailsList, there is no tooltip to show the full name of the column

Expected Behavior

In KO DataGrid there will be a tooltip if the column text is truncated.

Reproduction

https://ms.portal.azure.com/#view/Microsoft_Azure_AppComplianceAutomation/ACAT.MenuView/~/reports

Steps to reproduce

1. Go to React Page
2. Move the header until there are truncated text showing
3. Move the mouse pointer to the truncated text, there will be noting
4. Go to KO Page
5. Do 2-3
6. There will be a tooltip to show the full name of the column

Are you reporting an Accessibility issue?

None

Suggested severity

High - No workaround

Products/sites affected

https://ms.portal.azure.com/#view/Microsoft_Azure_AppComplianceAutomation/ACAT.MenuView/~/reports

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.

[mainframev]

hi @airmelt-ms

Unfortunately I can't reproduce it via the link you sent, are you able to create a reproduction using the "Export to Codepen" feature on our docsite?