Open Bug 1704711 Opened 2 years ago Updated 2 years ago

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


(Firefox :: Tabbed Browser, defect, P2)

Firefox 89




(Reporter: mmis1000, Unassigned)


(Blocks 1 open bug)


(Whiteboard: [proton-tabs-bar] [priority:2c])


(1 file)

Attached image 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.

Summary: The proton design tab button uneven margin on left and right → The proton design tab button has uneven margin on left and right

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.

Component: Untriaged → Tabbed Browser

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.

Ever confirmed: true
Flags: needinfo?(rtestard)
Whiteboard: [proton-tabs-bar]
Flags: needinfo?(rtestard)
Priority: -- → P2
Whiteboard: [proton-tabs-bar] → [proton-tabs-bar] [priority:2c]
You need to log in before you can comment on or make changes to this bug.