1451728 - Developer Tools, inspector tab, <img> preview flicker / incorrect position of image preview block.

Status: RESOLVED DUPLICATE of bug 1460795

(DevTools :: Inspector, defect)

Description

[buhhcz]

Attachment: scr.jpg

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:59.0) Gecko/20100101 Firefox/59.0
Build ID: 20180323154952

Steps to reproduce:

Image preview block top position is ~40px upper then it should be, so in result you sometimes can't see image preview.
When image preview block overlap <img> src attribute, image preview will be shown only for one frame and then immediately hide, and when you mouse move over src attribute it will start to flicker.

The problem is incorrect position of image preview block which overlap <img> tag.

I made a jsfiddle when you can inspect image and reproduce this bug -
http://jsfiddle.net/kvomores/1/embedded/result/dark/
Inspect it the same way as it shown on the screenshot.



Actual results:

Image preview is flicker


Expected results:

Show image preview

Comment 1

[Justin [:JW_SoftvisionQA]]

Attachment: Inspector.pdf

I can no reproduce this issue on my machine Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0

Comment 2

[buhhcz]

Thanks for response, I made few more tests and found out what was the cause of the issue.
You can zoom in/out the Developer Tools with ("ctrl" + "+") and ("ctrl" + "-"), when you have non default zoom setting you will get this issue.
So the problem is that some elements (at less one - "image preview") of Developer Tools don't response correct when you change Developer Tools zoom to non default value.

Comment 3

[Patrick Brosset <:pbro>]

I believe this is now fixed in Nightly (62) thanks to bug 1460795. So closing as a duplicate for now.
Feel free to test with 62 and re-open if it still occurs.