Bug: DropShadow with WebGPU and parent Mask is blurry

[nerumo]

Current Behavior

I'm having a specific object tree structure. If I use the DropShadow and the webgpu in combination, all the rendering gets blurry. If I do the same on webgl, it works as expected.

Expected Behavior

DropShadow should render the same in webgpu as in webgl

Steps to Reproduce

Add a mask to the parent container and everything within the container gets blurry as soon as dropshadow is used (with webgpu activated).

Here's a sandbox to reproduce

https://codesandbox.io/p/sandbox/pixijs-dropshadow-tcgh2j?file=%2Fsrc%2Findex.ts%3A8%2C30

You can toggle the 'preference' in and out and see the result

Environment

• pixi.js version: 8.1.0
• pixi-filters version: 6.0.3
• Browser & Version: Chrome 124
• OS & Version: Ubuntu 24.04, Windows 11
• Running Example: e.g. https://pixiplayground.com/

Possible Solution

No response

Additional Information

No response

[GoodBoyDigital]

thanks for sharing, looks like dropshadow filter needs updating! its not actually rendering the content - just the shadow bit!