1773402 - backdrop-filter is not applied in a chrome document overlaying an OOP <browser>

Status: NEW

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

Description

[[:fabrice] Fabrice Desré]

In a b2g product (https://github.com/capyloon/nutria) we display modal dialogs in the parent process using a chrome document. An overlay with a backdrop-filter is used to blur the background which usually displays content from an OOP <xul:browser>

This used to work with the previous implementation of backdrop-filter (before bug 1749625).

I uploaded a zipped WR capture at https://drive.google.com/file/d/1iLH4PYX4_dJwbI89wfUhoNg_snaB22qh/view?usp=sharing

Comment 1

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

Set release status flags based on info from the regressing bug 1749625

Comment 2

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

:gw, since you are the author of the regressor, bug 1749625, could you take a look?
For more information, please visit auto_nag documentation.

Comment 3

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

Set release status flags based on info from the regressing bug 1749625

Comment 4

[Donal Meehan [:dmeehan]]

:gw has there been any progress on this, anything we can do for 104?

Comment 5

[Glenn Watson [:gw]]

Unfortunately that capture won't load in current m-c (the format is not stable between revisions). Could you get me the git/hg hash of when the capture was created and I can try load it that way? Alternatively, if there's any way to reproduce it in a html test case that would be even better, but I'm guessing that's not possible?

Comment 6

[nayinain]

Attachment: Capture.webm

Is this relevant?

1. Open the Browser Toolbox(Ctrl+Shift+Alt+I) and switch to the Style Editor tab.
2. Create a new style sheet and paste the CSS code below.

@supports (backdrop-filter: blur(4px)) {
  #urlbar[breakout-extend] > #urlbar-background{
    background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 80%, transparent) !important;
  }
  #urlbar[breakout-extend][open] > #urlbar-background{
    backdrop-filter: blur(4px);
  }
}

The drop-down blur effect of address bar only applies to documents with internal pages.

---

Sorry for my bad English.

Comment 7

[[:fabrice] Fabrice Desré]

(In reply to nayinain from comment #6)

Created attachment 9286829 [details]
Capture.webm

Is this relevant?

That looks similar, yes.