1639184 - Devtools Inspector tabs - zoom causes tabs selector to overlap with tabs selector button

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Cristian Fogel [:cfogel]]

Attachment: Screen Recording 0002-05-19 at 15.14.53.mov

Affected versions

• 76.0.1, 77.0b7, 78.0a1 (2020-05-18)

Affected platforms

• Windows 10, macOS 10.15.4, Ubuntu 18.04;

Steps to reproduce

1. Launch Firefox, access any webpage;
2. Open DevTools, select any of the Computed/Changes/Compatibility tabs;
3. Press [CTRL +] to zoom in on the keyboard;
4. Hover over the Tab selector for the DevTools inspector;
5. Click to select any of the ones listed;

Expected result

• tabs selector button is always displayed;

Actual result

• Tab indicator overlaps the selector on hover/click;

Regression range

• will check and provide one asap;

Additional notes

• attached recording with the issue;
• as in the recording, this is triggered after the zoom!

Comment 1

[Alice0775 White]

Regression window:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=0ca9a03071b76cb0aca81b83ed451dedd2b7c1f5&tochange=87409f291fa6a003f00ae782528bcd4734eeaee0

Comment 2

[Timothy Nikkel (:tnikkel)]

This might be an instance of bug 1534549.