You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Dropdown lack of title attribute prevent showing truncated text
Problem with showing long text in Dropdown can be mitigate with adding title attribute that will provide tooltip on hover.
What package(s) are you using?
carbon-components
carbon-components-react
Detailed description
Describe in detail the issue you're having.
When there is long text in label of Dropdown component, that label is truncated. That not allow to see whole text that is under it.
Adding attribute called title, allow to show tooltip with this text.
Is this issue related to a specific component?
Dropdown
What did you expect to happen? What happened instead? What would you like to
see changed?
When cursor hovered under truncated label, I want to see whole text hidden under this truncate (Fig. 2)
What version of the Carbon Design System are you using?
Dropdown lack of
title
attribute prevent showing truncated textProblem with showing long text in Dropdown can be mitigate with adding title attribute that will provide tooltip on hover.
What package(s) are you using?
carbon-components
carbon-components-react
Detailed description
When there is long text in label of Dropdown component, that label is truncated. That not allow to see whole text that is under it.
Adding attribute called title, allow to show tooltip with this text.
Dropdown
When cursor hovered under truncated label, I want to see whole text hidden under this truncate (Fig. 2)
"carbon-components": "10.5.0",
"carbon-components-react": "7.5.0",
Steps to reproduce the issue
Knobs
, provide long text inLabel (label)
like:Dropdown menu options with very long description
Additional information
Fig. 1 Screen from recretiontion of the issue using react.carbondesignsystem storybook.
Fig. 2 Expected behavior on cursor hover above truncated Dropdown.
The text was updated successfully, but these errors were encountered: