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

feat(autocomplete): ellipsis is shown when suggestions is longer than popover width #5204

Merged
merged 5 commits into from
Jun 20, 2023

Conversation

oykuyilmaz
Copy link
Contributor

@oykuyilmaz oykuyilmaz commented Jun 13, 2023

When the completion suggestion is larger than the autocomplete popover width, we need to show elipsis(...) to convey this information.
This PR also makes right-alignment of meta default fixing #3785.

Screenshot 2023-06-13 at 16 43 01

Screenshot 2023-06-13 at 16 52 09

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

@oykuyilmaz oykuyilmaz changed the title feat(autocomplete) ellipsis is shown when suggestions is longer than popover width feat(autocomplete): ellipsis is shown when suggestions is longer than popover width Jun 13, 2023
@codecov
Copy link

codecov bot commented Jun 13, 2023

Codecov Report

Patch and project coverage have no change.

Comparison is base (80a94cc) 87.17% compared to head (258885d) 87.17%.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #5204   +/-   ##
=======================================
  Coverage   87.17%   87.17%           
=======================================
  Files         565      565           
  Lines       45075    45075           
  Branches     6910     6910           
=======================================
  Hits        39295    39295           
  Misses       5780     5780           
Flag Coverage Δ
unittests 87.17% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
src/autocomplete/popup.js 85.32% <ø> (ø)

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

@akoreman
Copy link
Contributor

Do you know how screenreaders react to overflowed content shown by ellipsis? Does it read out the full content, read out the visual lines + something like 'more content available' or not read out the overflown content at all?

@oykuyilmaz
Copy link
Contributor Author

oykuyilmaz commented Jun 15, 2023

Yes, they do read the whole content as some other text editor does. We can discuss what is preferred.
Screenshot 2023-06-15 at 10 43 11
Screenshot 2023-06-15 at 10 42 35

src/autocomplete/popup.js Outdated Show resolved Hide resolved
@oykuyilmaz oykuyilmaz marked this pull request as draft June 15, 2023 11:05
@oykuyilmaz oykuyilmaz marked this pull request as ready for review June 15, 2023 16:16
@oykuyilmaz oykuyilmaz merged commit de4234b into ajaxorg:master Jun 20, 2023
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants