1564084 - Tooltips jump around on zooming the DevTools

Status: NEW

(DevTools :: Shared Components, defect, P5)

Description

[Cristian Fogel, QA [:cfogel]]

Attachment: InactiveCSS_tooltipZOom.gif

Affected versions

• 69.0a1 (2019-07-07), 68.0

Affected platforms

• all

Steps to reproduce

1. Launch Firefox and input:
   data:text/html,<style>body{display: inline;flex-flow: column;flex-direction: row;width:30px;width:30px; height:30px; color:red}</style>test
2. Open the DevTools rules inspector;
3. Hover over the (i) button for any inactive property;
4. Zoom in/out, move the mouse cursor away from/to the tooltip.

Expected result

• tooltip has no issues (either is hidden or keeps the bottom triangle position "clamped" to the button);

Actual result

• tooltip is repositioned away durring the zoom action;

Regression range

• not a regression
• Pushlog: link

Additional notes

• attached recording with the issue

Comment 1

[Razvan Caliman [:rcaliman]]

While indeed jarring, shifting layout due to zooming is something that affects all doorhanger previews and swatch-based tools. Given the minor impact of the issue and the complex potential tie-ins with relayout on zoom, it's unlikely we'll get to work on this soon.

But we'll accept and review a patch if someone decides to work on this.

Comment 2

[Sebastian Zartner [:sebo]]

Given that this affects all previews and swatch-based tools, I've generalized the summary and the component.

Sebastian