1831523 - Drop-shadow renders with strange solid black artifacts on Windows

Status: UNCONFIRMED

(Core :: Graphics, defect)

Description

[kevin]

Attachment: aa2-firefox-bug.png

Steps to reproduce:

The images on https://www.soundradix.com/shop/ are rendered with a drop-shadow filter. One image specifically has a rendering bug: sometimes when hovering over the image and then moving the mouse away again, a big black box is rendered, see attached screenshot.

This only happens in Firefox, and only on Windows. I've tested with Firefox 111.0.1, 112.0.0, 112.0.1 and 112.0.2, and it happens in all of them. Multiple people using Firefox on Windows have confirmed the bug.

It's not super easy to reproduce, you have to move your mouse around a bunch to trigger it, but I promise you: it is reproducible.

Changing the image (from a PNG to a JPG) did not help. Changing from a drop-shadow to a box-shadow does fix the rendering issue, but that breaks the design of the page so isn't a valid solution.

Actual results:

When hovering over the image a big black bar is rendered, see screenshot.

Expected results:

This should not happen.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Graphics' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Jim Mathies [:jimm]]

Related to drop shadow filters. Not sure where to direct this, Nical any ideas?