Steps to replicate the issue (include links if applicable):
- Go to the Content Translation dashboard
- Click on the language selector to change language
- Type in "el" and select "словѣньскъ / ⰔⰎⰑⰂⰡⰐⰠⰔⰍⰟ"
What happens?:
This language string happens to be long enough that it breaks out of the language selector interface (when viewed on mobile)
What should have happened instead?:
The language string should not break out of the UI. A possible solution could be applying a text ellipsis (...)
Derived Requirement
- The language selector interface in the Content Translation dashboard should properly display long language names without breaking out of the UI.
- If a language name is too long to fit within the designated UI space, it should be truncated with an ellipsis (...).
- The issue should be tested on mobile to ensure correct display in constrained layouts.
Test Steps
Test Case 1: Verify Long Language Strings Do Not Overflow in the Language Selector
- Open the Content Translation dashboard.
- Click on the language selector to open the language selection interface.
- Type "el" in the search bar and select "словѣньскъ / ⰔⰎⰑⰂⰡⰐⰠⰔⰍⰟ".
- ✅❓❌⬜ AC1: Confirm that the language name does not break out of the UI.
- ✅❓❌⬜ AC2: Confirm that if the language name exceeds the available space, it is truncated with an ellipsis (...).
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T385884#10621464 |
| 2 | ✅ | T385884#10621464 |
