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

Bug - DataList - truncated content does not trigger a tooltip and is not focusable #11389

Open
thatblindgeye opened this issue Jan 8, 2025 · 1 comment

Comments

@thatblindgeye
Copy link
Contributor

thatblindgeye commented Jan 8, 2025

Describe the problem
The truncated content in examples (e.g. controlling text example) cannot be navigated to via keyboard.

Additionally, a tooltip must trigger for truncated content, otherwise that content gets lost to users.

See how Alert handles truncation:

<TitleComponent
{...(isTooltipVisible && { tabIndex: 0 })}
ref={titleRef}
className={css(styles.alertTitle, truncateTitle && styles.modifiers.truncate)}

How do you reproduce the problem?
Go to the above example and notice that no tooltip triggers on mouse hover and that the truncated content cannot be focused.

Expected behavior
A tooltip triggers showing all of the text content via mouse hover and keyboard focus.

Is this issue blocking you?
List the workaround if there is one.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Any other information?

@thatblindgeye
Copy link
Contributor Author

This could either be an update to the internal code on our side, or an update to the example code -- most likely may require an internal update, though.

@thatblindgeye thatblindgeye moved this from Needs triage to Backlog in PatternFly Issues Jan 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Backlog
Development

No branches or pull requests

1 participant