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.

Comment 9

[Mauro V [:cheff]]

Attachment: broken-sidebar.png

It also has this weird behavior when being inside the settings page (for example) and the sidebar is also "behind" the URL bar.

It only works on tabs that run in the current process