1919157 - Touch target size for 3 dot button does not match icon

Status: RESOLVED WORKSFORME

(Fenix :: Toolbar, defect, P2)

Description

[Frank Doty [:fdoty]]

Attachment: 3 dot clickable area vs icon

Steps to reproduce

1. Open Firefox 130 on Pixel 9 Pro
2. Set URL bar to be on the bottom using 3 button icon
3. Attempt to open the menu by clicking the three dots

Expected behavior

Menu opens when clicking the icon

Actual behavior

Menu only opens when clicking the upper left most area of the icon

Device information

• Firefox version: 130
• Android device model: Google Pixel 9 Pro
• Android OS version: 14

Any additional information?

Images attached
One image outlines the area where it must be clicked.
The other shows the whole page to determine experiments cohort. It has already been determined that this device is not enrolled in any experiments and as such this is stock Firefox using the old toolbar design.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Fenix::Toolbar' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[tchoh]

This will be addressed by another bug that is already in progress by increasing the touch size value.

Comment 3

[tchoh]

Attachment: pixel-touch-size.png

Pixel touch size has gestures over the bottom, which will cause the user not to be able to click where they normally think they would

Comment 4

[tchoh]

Attachment: another-device-touch-size.jpg

Another device has different gesture areas so it doesn't cover up the touch target of the menu

Comment 5

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:royang, could you have a look please?

For more information, please visit BugBot documentation.

Comment 6

[Chris Peterson [:cpeterson]]

Aarjav says the touch target size fixes should block toolbar release, but don't need to block beta.

Comment 7

[Chris Peterson [:cpeterson]]

Aarjav says touch target sizes should be 48*48 minimum for all tappable icons and surfaces, as detailed here: https://www.figma.com/design/8fsCvtnweBkWGZ9NfL907l/__-Toolbar-Redesign?node-id=18304-352944&node-type=section&t=EQ6MyE0KvQI9JlPl-0

Comment 8

[Roger Yang [:royang]]

Attachment: Screenshot 2024-11-08 at 12.50.30 PM.png

Comment 9

[Roger Yang [:royang]]

Hi Frank, please see attached image. Buttons on the address bar should be now 48x48dp. Can you please confirm that this is correct? Thank you,

Comment 10

[Frank Doty [:fdoty]]

Hi Roger, this was only ever an issue with the address bar and navigation being on the bottom. Your image shows the address bar on top. I've tested this on Nightly and it seems that implementation of the 'two bar' design has resolved this particular issue. In release, the issue remains.

Comment 11

[Petru-Mugurel Lingurar [:petru]]

Seems like this particular issue is now fixed in Release also.