RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 12:48:10 +00:00
Code Issues Activity Actions

LibWeb: Establish stacking context when backdrop-filter is not 'none'

Browse source
This commit is contained in:
Luke Wilde 2022-10-24 16:05:10 +01:00 • committed by Andreas Kling
parent 6b50425013
commit 8ace6b4f1d
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
Userland/Libraries/LibWeb/Layout/Node.cpp
View file

@ -117,6 +117,13 @@ bool Node::establishes_stacking_context() const
if (parent() && parent()->display().is_grid_inside() && computed_values().z_index().has_value())
return true;
// https://drafts.fxtf.org/filter-effects-2/#backdrop-filter-operation
// A computed value of other than none results in the creation of both a stacking context [CSS21] and a Containing Block for absolute and fixed position descendants,
// unless the element it applies to is a document root element in the current browsing context.
// Spec Note: This rule works in the same way as for the filter property.
if (!computed_values().backdrop_filter().is_none())
return true;
return computed_values().opacity() < 1.0f;
}