Open Bug 1961378 Opened 6 months ago Updated 4 months ago

backdrop-filter gets ignored if it would fall back to a blob image (such like with some SVG url filters).

Categories

(Core :: Graphics: WebRender, defect)

Firefox 137
defect

Tracking

()

People

(Reporter: chriskirknielsen, Unassigned)

References

(Blocks 1 open bug)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:137.0) Gecko/20100101 Firefox/137.0

Steps to reproduce:

  1. Created a page with a popover trigger via a button
  2. Set the ::backdrop styles to have a backdrop-filter, based on an SVG filter passed via url("data:text/xml+svg,...#filter")
  3. Click the button to open the popover and reveal the backdrop
  4. Applying the exact same value to a regular filter property works, as demonstrated in the popover content (an emoji has the effect applied)

Demo: https://codepen.io/chriskirknielsen/pen/PwwwvMX
Notes: this works in Chrome, and using a non-URL-based filter such as blur(10px) works as expected.

Actual results:

The backdrop-filter is not applied for SVG filter URLs

Expected results:

The backdrop-filter should apply for SVG filter URLs

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

Component: Untriaged → Graphics: WebRender
Product: Firefox → Core

The severity field is not set for this bug.
:gw, could you have a look please?

For more information, please visit BugBot documentation.

Flags: needinfo?(gwatson)
Severity: -- → S3
Flags: needinfo?(gwatson)
Status: UNCONFIRMED → NEW
Ever confirmed: true
Summary: backdrop-filter not applied with SVG URL → backdrop-filter gets ignored if it would fall back to a blob image (such like with some SVG url filters).
Duplicate of this bug: 1972363
You need to log in before you can comment on or make changes to this bug.