[Bug]: Not able to see selected dropdown item's full name on first hover over.

[shrvr]

Package

@carbon/react

Browser

Chrome

Package version

^10.58.10

React version

^7.57.1

Description

When we hover over the selected item in the dropdown, the full name does not show in the tooltip right away. However, it does show when we hover over it again.

Screen.Recording.2024-05-24.at.5.01.03.PM.mov

Reproduction/example

Sandbox

Steps to reproduce

1. Create Dropdown
2. Give one item a long name
3. select that item from dropdown
4. now open the dropdown again and hover over the selected item. The tooltip does not appear.
5. Move out hover over and try again, tooltip appears

See video in description for more.

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[guidari]

PR to backport