Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown lack of title attribute prevent showing truncated text #4495

Closed
2 tasks done
pfine opened this issue Oct 30, 2019 · 0 comments · Fixed by #5102
Closed
2 tasks done

Dropdown lack of title attribute prevent showing truncated text #4495

pfine opened this issue Oct 30, 2019 · 0 comments · Fixed by #5102
Assignees

Comments

@pfine
Copy link

pfine commented Oct 30, 2019

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?

"carbon-components": "10.5.0",
"carbon-components-react": "7.5.0",

Steps to reproduce the issue

  1. Under: http://react.carbondesignsystem.com/?path=/story/dropdown--default
  2. In Knobs, provide long text in Label (label) like: Dropdown menu options with very long description
  3. Lack of tooltip with full content of truncated label (Fig. 1)

Additional information

  • Screenshots or code

image

Fig. 1 Screen from recretiontion of the issue using react.carbondesignsystem storybook.

image

Fig. 2 Expected behavior on cursor hover above truncated Dropdown.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants