1919480 - Inconsistent heights between the Tabs Tray's multi-selection and tab page banners causes a jitter when toggling between the two

Status: NEW

(Firefox for Android :: Tabs, defect)

Description

[eclaudiu64]

Attachment: mobizen_20240918_131416.mp4

User Agent: Mozilla/5.0 (Android 11; Mobile; rv:132.0) Gecko/132.0 Firefox/132.0

Steps to reproduce:

When tabs are selected the tab tray rises to the top and after we deselect it goes to the bottom.

Actual results:

When selecting tabs, the tab tray rises to the top.

Expected results:

The tab tray must not lift up, it must remain stable when selecting tabs.

Comment 1

[eclaudiu64]

can you check?

Comment 2

[Noah Bond [:007]]

There appears to be a very small height difference between the multi-selection banner and the tab page banners, causing that small "jump" when switching between the two.

The specs for those two states should be double-checked so that they're the same height and this small "jitter" doesn't occur. According to Figma, the tab page banner should be ~90dp with its contents and padding (we should avoid giving it a fixed height using Modifier.height). We need a more up to date spec for the multiselection banner though to be certain.