[DROPDOWN OVERFLOW TEXT TOOLTIP WEB-COMPONENTS]: when the text is too long in web-component dropdown item it goes overflow with ...

[DoofisS]

The problem

When the text is too long in dropdown web-component item it goes overflow with "..." so we can't see the end of the big sentence or a long text
On the screenshoot im hovering on the option with the long text

link to example:
https://web-components.carbondesignsystem.com/?path=/story/components-dropdown--default

The solution

It can be solved the same way as in react components by adding tooltip with the full text if the text go overflow On the screenshot im hovering on the option with the long text

link to example:
https://react.carbondesignsystem.com/?path=/story/components-dropdown--default

Application/website

Any propject with dropdown

Business priority

Medium Priority = upcoming release but is not pressing

What time frame would this ideally be needed by (if applicable)

Priority is up to you but I think this is something very useful and can help a lot for any person coding or using dropdown in any project that use carbon design system)

Examples

No response

Code of Conduct

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