Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-27 23:30:08 +01:00
Code Issues Projects Releases Packages Wiki Activity

layout: Paint flex and grid items like inline blocks (#38574)

Browse source 
As specified in https://drafts.csswg.org/css-flexbox-1/#painting and
https://drafts.csswg.org/css-grid/#z-order

Testing: Makes some WPT pass.
Fixes: #38573

Signed-off-by: Oriol Brufau <obrufau@igalia.com>
This commit is contained in:
Oriol Brufau 2025-08-09 10:42:12 -07:00 • committed by GitHub
parent 7b057be780
commit c49d53b8dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 6 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/layout/display_list/stacking_context.rs
View file

@ -930,7 +930,8 @@ struct OverflowFrameData {
impl BoxFragment {
fn get_stacking_context_type(&self) -> Option<StackingContextType> {
if self.style.establishes_stacking_context(self.base.flags) {
let flags = self.base.flags;
if self.style.establishes_stacking_context(flags) {
return Some(StackingContextType::RealStackingContext);
}
@ -943,7 +944,10 @@ impl BoxFragment {
return Some(StackingContextType::FloatStackingContainer);
}
if self.is_atomic_inline_level() {
// Flex and grid items are painted like inline blocks.
// <https://drafts.csswg.org/css-flexbox-1/#painting>
// <https://drafts.csswg.org/css-grid/#z-order>
if self.is_atomic_inline_level() || flags.contains(FragmentFlags::IS_FLEX_OR_GRID_ITEM) {
return Some(StackingContextType::AtomicInlineStackingContainer);
}