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

Status: RESOLVED WORKSFORME

(DevTools :: General, defect)

Description

[arni2033]

Attachment: 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.

Comment 1

[arni2033]

(!) In Step 3 make sure that the "src" value takes 2 lines in markup-view. Otherwise reduce its width

Comment 2

[arni2033]

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.

Comment 3

[arni2033]

Attachment: video - Devtools don't display tooltips if they are placed under the mouse cursor (due to wrong calculation of tooltip position and dimentions).webm

Comment 4

[Jan Honza Odvarko [:Honza] (always need-info? me)]

I believe that this is not a problem anymore.

Honza