Devtools don't display tooltips if they are placed under the mouse cursor (due to wrong calculation of tooltip position/dimentions)

NEW
Unassigned

Status

()

Firefox
Developer Tools
2 years ago
2 years ago

People

(Reporter: arni2033, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(firefox43 affected)

Details

(URL)

Attachments

(2 attachments)

(Reporter)

Description

2 years ago
Created attachment 8652310 [details]
Inspector doesn't display tooltips for img (images) in some cases.png

STR:   (Win7_64bit, Nightly 43.0a1 (2015-08-24) 32bit)
1. Open this "data:" url in a new tab (or click URL field above):
data:text/html,<img src="chrome://branding/content/about-logo.png%23very_very_long_string_very_very_long_string_very_very_long_string_">
2. Open Devtools -> Inspector, inspect <img> element
3. Dock Inspector to the right side of window, hover mouse over the last symbols of "src" value. You will see the tooltip.
4. Move mouse to the symbols in "src" value that are covered by the tooltip

Result:       No tooltip.
Expectations: It should be pointing up, from the tooltip itself to the text.

Note:  If you move mouse a bit to the left and right, you may 2 tooltips blinking - 1st is small, placed above "src" value, saying "192x192"; 2nd is big, the tooltip I'd like to see.
(Reporter)

Updated

2 years ago
See Also: → bug 1198251
(Reporter)

Comment 1

2 years ago
(!) In Step 3 make sure that the "src" value takes 2 lines in markup-view. Otherwise reduce its width
Summary: Inspector doesn't display tooltips for <img> (images) in some cases → Inspector doesn't display tooltips for <img> (images) if value of "src" attribute takes 2 or more lines (in some cases).
(Reporter)

Comment 2

2 years ago
This also happens in other places for me. Devtools tooltip has max-height=400px, so any line that displays tooltip causes it [the tooltip] dock to top side of screen and overlap that line.
Therefore, tooltip blinks when mouse moves in the area where tooltip overlaps the line.
Component: Developer Tools: Inspector → Developer Tools
See Also: bug 1198251bug 932317
Summary: Inspector doesn't display tooltips for <img> (images) if value of "src" attribute takes 2 or more lines (in some cases). → Devtools don't display tooltips if they are placed under the mouse cursor (due to wrong calculation of tooltip position/dimentions)
(Reporter)

Comment 3

2 years ago
Created attachment 8657948 [details]
video - Devtools don't display tooltips if they are placed under the mouse cursor (due to wrong calculation of tooltip position and dimentions).webm
(Reporter)

Updated

2 years ago
Has STR: --- → yes
You need to log in before you can comment on or make changes to this bug.