layout/flexbox/
mod.rs

1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
4
5use geom::{FlexAxis, MainStartCrossStart};
6use malloc_size_of_derive::MallocSizeOf;
7use script::layout_dom::ServoThreadSafeLayoutNode;
8use servo_arc::Arc as ServoArc;
9use style::context::SharedStyleContext;
10use style::logical_geometry::WritingMode;
11use style::properties::ComputedValues;
12use style::properties::longhands::align_items::computed_value::T as AlignItems;
13use style::properties::longhands::flex_direction::computed_value::T as FlexDirection;
14use style::properties::longhands::flex_wrap::computed_value::T as FlexWrap;
15use style::values::computed::ContentDistribution;
16use style::values::specified::align::AlignFlags;
17
18use crate::PropagatedBoxTreeData;
19use crate::cell::ArcRefCell;
20use crate::construct_modern::{ModernContainerBuilder, ModernItemKind};
21use crate::context::LayoutContext;
22use crate::dom::{LayoutBox, WeakLayoutBox};
23use crate::dom_traversal::{NodeAndStyleInfo, NonReplacedContents};
24use crate::formatting_contexts::IndependentFormattingContext;
25use crate::fragment_tree::BaseFragmentInfo;
26use crate::layout_box_base::LayoutBoxBase;
27use crate::positioned::AbsolutelyPositionedBox;
28
29mod geom;
30mod layout;
31
32/// A structure to hold the configuration of a flex container for use during layout
33/// and preferred width calculation.
34#[derive(Clone, Debug, MallocSizeOf)]
35pub(crate) struct FlexContainerConfig {
36    container_is_single_line: bool,
37    writing_mode: WritingMode,
38    flex_axis: FlexAxis,
39    flex_direction: FlexDirection,
40    flex_direction_is_reversed: bool,
41    flex_wrap: FlexWrap,
42    flex_wrap_is_reversed: bool,
43    main_start_cross_start_sides_are: MainStartCrossStart,
44    align_content: ContentDistribution,
45    align_items: AlignItems,
46    justify_content: ContentDistribution,
47}
48
49impl FlexContainerConfig {
50    fn new(container_style: &ComputedValues) -> FlexContainerConfig {
51        let flex_direction = container_style.clone_flex_direction();
52        let flex_axis = FlexAxis::from(flex_direction);
53        let flex_wrap = container_style.get_position().flex_wrap;
54        let container_is_single_line = match flex_wrap {
55            FlexWrap::Nowrap => true,
56            FlexWrap::Wrap | FlexWrap::WrapReverse => false,
57        };
58        let flex_direction_is_reversed = match flex_direction {
59            FlexDirection::Row | FlexDirection::Column => false,
60            FlexDirection::RowReverse | FlexDirection::ColumnReverse => true,
61        };
62        let flex_wrap_reverse = match flex_wrap {
63            FlexWrap::Nowrap | FlexWrap::Wrap => false,
64            FlexWrap::WrapReverse => true,
65        };
66
67        let align_content = container_style.clone_align_content();
68        let align_items = AlignItems(match container_style.clone_align_items().0 {
69            AlignFlags::AUTO | AlignFlags::NORMAL => AlignFlags::STRETCH,
70            align => align,
71        });
72        let justify_content = container_style.clone_justify_content();
73        let main_start_cross_start_sides_are =
74            MainStartCrossStart::from(flex_direction, flex_wrap_reverse);
75
76        FlexContainerConfig {
77            container_is_single_line,
78            writing_mode: container_style.writing_mode,
79            flex_axis,
80            flex_direction,
81            flex_direction_is_reversed,
82            flex_wrap,
83            flex_wrap_is_reversed: flex_wrap_reverse,
84            main_start_cross_start_sides_are,
85            align_content,
86            align_items,
87            justify_content,
88        }
89    }
90}
91
92#[derive(Debug, MallocSizeOf)]
93pub(crate) struct FlexContainer {
94    children: Vec<ArcRefCell<FlexLevelBox>>,
95
96    style: ServoArc<ComputedValues>,
97
98    /// The configuration of this [`FlexContainer`].
99    config: FlexContainerConfig,
100}
101
102impl FlexContainer {
103    pub fn construct(
104        context: &LayoutContext,
105        info: &NodeAndStyleInfo<'_>,
106        contents: NonReplacedContents,
107        propagated_data: PropagatedBoxTreeData,
108    ) -> Self {
109        let mut builder = ModernContainerBuilder::new(context, info, propagated_data);
110        contents.traverse(context, info, &mut builder);
111        let items = builder.finish();
112
113        let children = items
114            .into_iter()
115            .map(|item| {
116                let flex_item_box = match item.kind {
117                    ModernItemKind::InFlow(independent_formatting_context) => ArcRefCell::new(
118                        FlexLevelBox::FlexItem(FlexItemBox::new(independent_formatting_context)),
119                    ),
120                    ModernItemKind::OutOfFlow(independent_formatting_context) => {
121                        let abs_pos_box = ArcRefCell::new(AbsolutelyPositionedBox::new(
122                            independent_formatting_context,
123                        ));
124                        ArcRefCell::new(FlexLevelBox::OutOfFlowAbsolutelyPositionedBox(abs_pos_box))
125                    },
126                    ModernItemKind::ReusedBox(layout_box) => match layout_box {
127                        LayoutBox::FlexLevel(flex_level_box) => flex_level_box,
128                        _ => unreachable!(
129                            "Undamaged flex level element should be associated with flex level box"
130                        ),
131                    },
132                };
133
134                item.box_slot
135                    .set(LayoutBox::FlexLevel(flex_item_box.clone()));
136                flex_item_box
137            })
138            .collect();
139
140        Self {
141            children,
142            style: info.style.clone(),
143            config: FlexContainerConfig::new(&info.style),
144        }
145    }
146
147    pub(crate) fn repair_style(&mut self, new_style: &ServoArc<ComputedValues>) {
148        self.config = FlexContainerConfig::new(new_style);
149        self.style = new_style.clone();
150    }
151}
152
153#[expect(clippy::large_enum_variant)]
154#[derive(Debug, MallocSizeOf)]
155pub(crate) enum FlexLevelBox {
156    FlexItem(FlexItemBox),
157    OutOfFlowAbsolutelyPositionedBox(ArcRefCell<AbsolutelyPositionedBox>),
158}
159
160impl FlexLevelBox {
161    pub(crate) fn repair_style(
162        &mut self,
163        context: &SharedStyleContext,
164        node: &ServoThreadSafeLayoutNode,
165        new_style: &ServoArc<ComputedValues>,
166    ) {
167        match self {
168            FlexLevelBox::FlexItem(flex_item_box) => flex_item_box
169                .independent_formatting_context
170                .repair_style(context, node, new_style),
171            FlexLevelBox::OutOfFlowAbsolutelyPositionedBox(positioned_box) => positioned_box
172                .borrow_mut()
173                .context
174                .repair_style(context, node, new_style),
175        }
176    }
177
178    pub(crate) fn with_base<T>(&self, callback: impl FnOnce(&LayoutBoxBase) -> T) -> T {
179        match self {
180            FlexLevelBox::FlexItem(flex_item_box) => {
181                callback(&flex_item_box.independent_formatting_context.base)
182            },
183            FlexLevelBox::OutOfFlowAbsolutelyPositionedBox(positioned_box) => {
184                callback(&positioned_box.borrow().context.base)
185            },
186        }
187    }
188
189    pub(crate) fn with_base_mut<T>(&mut self, callback: impl FnOnce(&mut LayoutBoxBase) -> T) -> T {
190        match self {
191            FlexLevelBox::FlexItem(flex_item_box) => {
192                callback(&mut flex_item_box.independent_formatting_context.base)
193            },
194            FlexLevelBox::OutOfFlowAbsolutelyPositionedBox(positioned_box) => {
195                callback(&mut positioned_box.borrow_mut().context.base)
196            },
197        }
198    }
199
200    pub(crate) fn attached_to_tree(&self, layout_box: WeakLayoutBox) {
201        match self {
202            Self::FlexItem(flex_item_box) => flex_item_box
203                .independent_formatting_context
204                .attached_to_tree(layout_box),
205            Self::OutOfFlowAbsolutelyPositionedBox(positioned_box) => positioned_box
206                .borrow_mut()
207                .context
208                .attached_to_tree(layout_box),
209        }
210    }
211}
212
213#[derive(MallocSizeOf)]
214pub(crate) struct FlexItemBox {
215    independent_formatting_context: IndependentFormattingContext,
216}
217
218impl std::fmt::Debug for FlexItemBox {
219    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
220        f.write_str("FlexItemBox")
221    }
222}
223
224impl FlexItemBox {
225    fn new(independent_formatting_context: IndependentFormattingContext) -> Self {
226        Self {
227            independent_formatting_context,
228        }
229    }
230
231    fn style(&self) -> &ServoArc<ComputedValues> {
232        self.independent_formatting_context.style()
233    }
234
235    fn base_fragment_info(&self) -> BaseFragmentInfo {
236        self.independent_formatting_context.base_fragment_info()
237    }
238}
layout/flexbox/mod.rs

layout/flexbox/
mod.rs
