Closed Bug 1623711 Opened 5 years ago Closed 5 years ago

CSS Filter: drop-shadow() is clipped and has artefacts when element is partially or totally hidden

Categories

(Core :: Graphics: WebRender, defect, P3)

Product:
Core
Component:
Graphics: WebRender
Version:
74 Branch
Type:
defect

Tracking

()

Status:
RESOLVED DUPLICATE of bug 1617050

People

(Reporter: b.houdusse, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36

Steps to reproduce:

Apply a CSS drop-shadow() filter to an element partially or totally hidden (either by moving it offscreen or by hiding its parent overflow).

A test case is available here: https://codepen.io/chototoro/pen/xxGJOpj

Actual results:

The generated shadow is clipped based on the element remaining visible pixels. The part of the shadow that is missing is replaced by artefacts which seem to repeat the element last visible pixels.

This might be partially related to this bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1561447

Expected results:

The generated shadow should be based on the element full shape, wether its hidden or not.

Behavior is normal on Chrome and Edge 79+
Safari 12+ has a similar bug: https://bugs.webkit.org/show_bug.cgi?id=207123

Component: Untriaged → Graphics: WebRender
Product: Firefox → Core
See Also: → 1617050

Nical, I saw that you have done some work with drop shadows. Any idea what's going on here?

Flags: needinfo?(nical.bugzilla)
Priority: -- → P3

Indeed this is the same as bug 1617050

Status: UNCONFIRMED → RESOLVED
Closed: 5 years ago
Flags: needinfo?(nical.bugzilla)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.