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.

Sign up for GitHub

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

Jump to bottom

[EuiSelectable] The end of truncated text is cut when the container has a scroll visible #7391

Closed
mbondyra opened this issue Dec 1, 2023 · 1 comment · Fixed by #7392
Closed

[EuiSelectable] The end of truncated text is cut when the container has a scroll visible #7391

mbondyra opened this issue Dec 1, 2023 · 1 comment · Fixed by #7392
Assignees
@cee-chen
Labels
bug

Comments

@mbondyra
Copy link
Contributor

mbondyra commented Dec 1, 2023 •
edited
Loading

Describe the bug

  1. Here's an example of EuiSelectable with a few options. The container doesn't have a scroll. This works fine:
Screenshot 2023-12-01 at 10 29 44
  1. Here's the same example but with a few more options. The container has a scroll because there's more options: The truncated strings are cut in the end (The ones at the bottom should end with 'THE END')
Screenshot 2023-12-01 at 10 35 01

The bug happens with all types of truncation, here with the end type (should display 3 dots, not just one):

Screenshot 2023-12-01 at 10 35 45
@mbondyra mbondyra added bug ⚠️ needs validation For bugs that need confirmation as to whether they're reproducible labels Dec 1, 2023
@mbondyra mbondyra changed the title [EuiSelectable] end of truncated text is cut when the container has a scroll visible [EuiSelectable] The end of truncated text is cut when the container has a scroll visible Dec 1, 2023
@cee-chen cee-chen removed the ⚠️ needs validation For bugs that need confirmation as to whether they're reproducible label Dec 1, 2023
@cee-chen cee-chen self-assigned this Dec 1, 2023
@cee-chen cee-chen mentioned this issue Dec 1, 2023
Merged
6 tasks
@cee-chen
Copy link
Contributor

cee-chen commented Dec 1, 2023

Thanks for catching this Marta! I'll try to get another backport with this out for 8.12 FF

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cee-chen cee-chen

Labels
bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[EuiSelectable] Fix text truncation when a scrollbar is present cee-chen/eui
2 participants
@cee-chen @mbondyra