2024163 - Hairline pixel artifact using backdrop-filter

Status: NEW

(Core :: Graphics, defect, P3)

Description

[eyal gruss]

Attachment: image.png

Hairline pixel artifact using backdrop-filter with e.g. extreme saturation (see attached image). it disappears and comes back when i pinch zoom in/out. work fine in Chromium.

Minimal example: https://codepen.io/eyaler/pen/LERLNrz

<div>Hello</div>

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

div {
  background: lightblue;
  height: 300px;
  width: 100%;
  font-size: 10em;
}

Comment 1

[Brad Werth [:bradwerth]]

Doesn't reproduce for me on macOS, though I can sometimes get the background field to have a hairline gap by pinch zooming in and out repeatedly. May be platform-specific. We'll discuss in triage.