1704711 - The proton design tab button has uneven margin on left and right

Status: NEW

(Firefox :: Tabbed Browser, defect, P2)

Description

[mmis1000]

Attachment: tab.jpg

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

1. Open a few empty tab
2. Trying to move between two inactive tab from left to right
3. Observe the cursor position and what tab button is lit

Actual results:

The left button have 0 margin area that can be clicked
But the right one have about 4 pixel.

The button is actually position like this in the clickable container. (see the attach image)

Expected results:

The area that can be clicked is even between the two button.

I am not entirely sure if it is intentional to make it uneven.
If it is, just close this bug.

Comment 1

[Release mgmt bot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Firefox::Tabbed Browser' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Tracy Walker [:tracy]]

I do see what is being reported with perhaps a single pixel to the right of each tab instead of 0, as reported. Most of the click/hover space between two tabs appears to be assigned to the tab on the right.