Closed Bug 1573973 Opened 5 years ago Closed 2 years ago

backdrop-filter inside an iframe assumes the iframe's background is transparent

Categories

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

defect

Tracking

()

RESOLVED FIXED

People

(Reporter: cbrewster, Unassigned)

References

()

Details

Attachments

(2 files)

If backdrop-filter is used on an element inside an iframe, the iframe's background is transparent in the filtered backdrop computation. The background of an iframe is technically transparent, but should maybe be white when computing a filtered backdrop.

The spec isn't exactly clear on this and Chrome gives the iframe a white background when processing this effect, Markus do you know if we are doing the correct thing here or if Chrome is correct?

See https://codepen.io/andreasstorm/pen/jqLGdQ

Flags: needinfo?(mstange)
Attached image backdrop-filter-iframe-background.png (deleted) —

Hmm, I don't think Chrome actually pulls the white background into the iframe. I rather think that it doesn't consider iframes as BackdropRoot boundaries and instead establishes the backdrop root in the parent document around the <iframe> element and its white background color.

And yes, I agree it would be good to get this ambiguity clarified in the spec.

Flags: needinfo?(mstange)
Blocks: 1578503
Attached video 2021-09-09_13-47-04.mp4 (deleted) —

This has become better. It's almost fixed.
Remaining problem: Picture caching tiles become smaller and the lower ones are not instantly updated when they should be.

No longer blocks: 1573963

bug 1606328 is about the remaining problem.

Status: NEW → RESOLVED
Closed: 3 years ago
Resolution: --- → DUPLICATE

Although comment 1 doesn't seem to be reproducible, duplicates are still reproducible.

(In reply to Darkspirit from comment #7)

Although comment 1 doesn't seem to be reproducible, duplicates are still reproducible.

bug 1613506: https://codepen.io/chaofix/pen/003d4fc45a1c892f96719de6dee5c975 is not getting enough blur

Status: RESOLVED → REOPENED
Resolution: DUPLICATE → ---

The testcase in comment 1, comment 8 and bug 1578703 seem to be fixed. The testcase in comment 1 has a strange interaction with overlay scrollbars (unrelated to iframes) which I've spun into bug 1769953

Status: REOPENED → RESOLVED
Closed: 3 years ago2 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: