1200667 - White images on transparent background aren't visible in the inspector image preview tooltip

Status: NEW

(DevTools :: Inspector, defect, P3)

Description

[Patrick Brosset <:pbro>]

I am not entirely sure this uservoice idea [1] is about the image tooltip, but it could be.

In any case, it's a good point.

STR:
- open the following page:
data:text/html,<div style="background-image:url(https://dl.dropboxusercontent.com/u/714210/white.png)"></div>
- open the inspector, switch to light theme
- in the rule-view, hover over the background-image url

Expected: I should be able to see the image
Actual: the tooltip is white, and so I can't see the image at all.

Potential solution: display a checkerboard as a background
The uservoice idea says: "It would be great to have a similar mechanism to change of the color units in the CSS inspector (Ctrl + Shift), that alternase the background color [white -> gray -> black -> ...]"

[1] https://ffdevtools.uservoice.com/forums/246087-firefox-developer-tools-ideas/suggestions/9565632-add-a-mechanism-to-change-the-background-color-of

Comment 1

[Patrick Brosset <:pbro>]

Inspector bug triage (filter on CLIMBING SHOES).