1823645 - Overlapping UI elements between "Bookmarks" button and"Star" icon for Welsh language (Cymraeg) in 3 Dot Menu

Status: RESOLVED DUPLICATE of bug 1812825

(Fenix :: Bookmarks, defect, P2)

Description

[Cristi Nechita]

Attachment: Beta Build.jpg

Steps to reproduce

1. Open the app.
2. Set language to: Cymraeg - Welsh.
3. Open a website: ex: yahoo.com.
4. Open 3 Dot Menu.
5. Observe "Bookmarks" option.

Expected behavior

"Bookmarks" button and "Star" icon are not overlapping.

Actual behavior

"Bookmarks" button and "Star" icon are overlapping.

Device information

• OnePlus 5 (A5000) & Android 10
• Samsung Galaxy A13 (SM-A135SF/DSN) & Android 12
• Google Pixel 7 & Android 13

Firefox version:

• Nightly Build 113.0a1 (2023-03-21)
• Beta Build 112.0b4 (2023-03-19)

Any additional information?

This issue is not reproducible on all devices. For example I cannot reproduce on: RealMe GT Master Edition & Android 11. It can be related to display size.

Comment 1

[Vlad Dreghici [:vdreghici]]

Attachment: Screenshot_20230503_124546.png

I have investigated this issue and indeed, depending on display size, some elements may overlap. This issue is probably reproducible with any language for which "Bookmarks" and "Add" words are longer and overlap. A solution would be to ellipsize "Bookmarks" part, as you can see in the picture. This will require UX approval.

Comment 5

[Mike a [:mavduevskiy]]

It was fixed in 114, and won't be fixed in earlier versions.
Please, update the app if you want to see the fix.

Comment 6

[Mike a [:mavduevskiy]]

:vdreghici

While there is no more overlapping and this bug is 'technically' resolved, there are some steps we could take to improve the user experience. It looks like we could reduce horizontal spacing of the button to 16dp while we are waiting for the menu redesign. It will give much more space for the button text, while still aligning with the material design guidelines.

Created two follow ups: 1841572 and 1841574.