2024121 - drawSnapshot (used in Firefox Screenshot, DevTools screenshot and DevTools color picker) ignores backdrop filter

Status: NEW

(Core :: Graphics, defect, P2)

Description

[eyal gruss]

Attachment: image.png

The color grabber is lying and showing lightblue, although the backdrop-filter changed the hue. See attached screenshot

body::after {
  backdrop-filter: hue-rotate(165deg);
  content: '';
  inset: 0;
  position: absolute;
  width: 100%;
}

div {
  background: lightblue;
  height: 300px;
  width: 100%;
}

Minimal code: https://codepen.io/eyaler/pen/RNGgPVM

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Thanks for the report eyal, I can easily reproduce.
This also impact taking screenshots in DevTools and in Firefox too (via Take Screenshot context menu entry)

I guess this should be moved to Core::graphics

Comment 2

[Julian Descottes [:jdescottes]]

Is this similar to Bug 2017167 ?

Comment 3

[Julian Descottes [:jdescottes]]

Sending to Core::Graphics, sounds like P2 to me, unable to take accurate screenshots if the page is using some CSS properties.