• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1 //! This module is a partial implementation of the CSS Grid Level 1 specification
2 //! <https://www.w3.org/TR/css-grid-1>
3 use core::borrow::Borrow;
4 
5 use crate::geometry::{AbsoluteAxis, AbstractAxis, InBothAbsAxis};
6 use crate::geometry::{Line, Point, Rect, Size};
7 use crate::style::{AlignItems, AlignSelf, AvailableSpace, Overflow, Position};
8 use crate::tree::{Layout, LayoutInput, LayoutOutput, LayoutPartialTreeExt, NodeId, RunMode, SizingMode};
9 use crate::util::debug::debug_log;
10 use crate::util::sys::{f32_max, GridTrackVec, Vec};
11 use crate::util::MaybeMath;
12 use crate::util::{MaybeResolve, ResolveOrZero};
13 use crate::{
14     style_helpers::*, AlignContent, BoxGenerationMode, BoxSizing, CoreStyle, GridContainerStyle, GridItemStyle,
15     JustifyContent, LayoutGridContainer,
16 };
17 use alignment::{align_and_position_item, align_tracks};
18 use explicit_grid::{compute_explicit_grid_size_in_axis, initialize_grid_tracks};
19 use implicit_grid::compute_grid_size_estimate;
20 use placement::place_grid_items;
21 use track_sizing::{
22     determine_if_item_crosses_flexible_or_intrinsic_tracks, resolve_item_track_indexes, track_sizing_algorithm,
23 };
24 use types::{CellOccupancyMatrix, GridTrack};
25 
26 #[cfg(feature = "detailed_layout_info")]
27 use types::{GridItem, GridTrackKind, TrackCounts};
28 
29 pub(crate) use types::{GridCoordinate, GridLine, OriginZeroLine};
30 
31 mod alignment;
32 mod explicit_grid;
33 mod implicit_grid;
34 mod placement;
35 mod track_sizing;
36 mod types;
37 mod util;
38 
39 /// Grid layout algorithm
40 /// This consists of a few phases:
41 ///   - Resolving the explicit grid
42 ///   - Placing items (which also resolves the implicit grid)
43 ///   - Track (row/column) sizing
44 ///   - Alignment & Final item placement
compute_grid_layout(tree: &mut impl LayoutGridContainer, node: NodeId, inputs: LayoutInput) -> LayoutOutput45 pub fn compute_grid_layout(tree: &mut impl LayoutGridContainer, node: NodeId, inputs: LayoutInput) -> LayoutOutput {
46     let LayoutInput { known_dimensions, parent_size, available_space, run_mode, .. } = inputs;
47 
48     let style = tree.get_grid_container_style(node);
49 
50     // 1. Compute "available grid space"
51     // https://www.w3.org/TR/css-grid-1/#available-grid-space
52     let aspect_ratio = style.aspect_ratio();
53     let padding = style.padding().resolve_or_zero(parent_size.width);
54     let border = style.border().resolve_or_zero(parent_size.width);
55     let padding_border = padding + border;
56     let padding_border_size = padding_border.sum_axes();
57     let box_sizing_adjustment =
58         if style.box_sizing() == BoxSizing::ContentBox { padding_border_size } else { Size::ZERO };
59 
60     let min_size = style
61         .min_size()
62         .maybe_resolve(parent_size)
63         .maybe_apply_aspect_ratio(aspect_ratio)
64         .maybe_add(box_sizing_adjustment);
65     let max_size = style
66         .max_size()
67         .maybe_resolve(parent_size)
68         .maybe_apply_aspect_ratio(aspect_ratio)
69         .maybe_add(box_sizing_adjustment);
70     let preferred_size = if inputs.sizing_mode == SizingMode::InherentSize {
71         style
72             .size()
73             .maybe_resolve(parent_size)
74             .maybe_apply_aspect_ratio(style.aspect_ratio())
75             .maybe_add(box_sizing_adjustment)
76     } else {
77         Size::NONE
78     };
79 
80     // Scrollbar gutters are reserved when the `overflow` property is set to `Overflow::Scroll`.
81     // However, the axis are switched (transposed) because a node that scrolls vertically needs
82     // *horizontal* space to be reserved for a scrollbar
83     let scrollbar_gutter = style.overflow().transpose().map(|overflow| match overflow {
84         Overflow::Scroll => style.scrollbar_width(),
85         _ => 0.0,
86     });
87     // TODO: make side configurable based on the `direction` property
88     let mut content_box_inset = padding_border;
89     content_box_inset.right += scrollbar_gutter.x;
90     content_box_inset.bottom += scrollbar_gutter.y;
91 
92     let align_content = style.align_content().unwrap_or(AlignContent::Stretch);
93     let justify_content = style.justify_content().unwrap_or(JustifyContent::Stretch);
94     let align_items = style.align_items();
95     let justify_items = style.justify_items();
96 
97     // Note: we avoid accessing the grid rows/columns methods more than once as this can
98     // cause an expensive-ish computation
99     let grid_template_columms = style.grid_template_columns();
100     let grid_template_rows = style.grid_template_rows();
101     let grid_auto_columms = style.grid_auto_columns();
102     let grid_auto_rows = style.grid_auto_rows();
103 
104     let constrained_available_space = known_dimensions
105         .or(preferred_size)
106         .map(|size| size.map(AvailableSpace::Definite))
107         .unwrap_or(available_space)
108         .maybe_clamp(min_size, max_size)
109         .maybe_max(padding_border_size);
110 
111     let available_grid_space = Size {
112         width: constrained_available_space
113             .width
114             .map_definite_value(|space| space - content_box_inset.horizontal_axis_sum()),
115         height: constrained_available_space
116             .height
117             .map_definite_value(|space| space - content_box_inset.vertical_axis_sum()),
118     };
119 
120     let outer_node_size =
121         known_dimensions.or(preferred_size).maybe_clamp(min_size, max_size).maybe_max(padding_border_size);
122     let mut inner_node_size = Size {
123         width: outer_node_size.width.map(|space| space - content_box_inset.horizontal_axis_sum()),
124         height: outer_node_size.height.map(|space| space - content_box_inset.vertical_axis_sum()),
125     };
126 
127     debug_log!("parent_size", dbg:parent_size);
128     debug_log!("outer_node_size", dbg:outer_node_size);
129     debug_log!("inner_node_size", dbg:inner_node_size);
130 
131     if let (RunMode::ComputeSize, Some(width), Some(height)) = (run_mode, outer_node_size.width, outer_node_size.height)
132     {
133         return LayoutOutput::from_outer_size(Size { width, height });
134     }
135 
136     let get_child_styles_iter =
137         |node| tree.child_ids(node).map(|child_node: NodeId| tree.get_grid_child_style(child_node));
138     let child_styles_iter = get_child_styles_iter(node);
139 
140     // 2. Resolve the explicit grid
141 
142     // This is very similar to the inner_node_size except if the inner_node_size is not definite but the node
143     // has a min- or max- size style then that will be used in it's place.
144     let auto_fit_container_size = outer_node_size
145         .or(max_size)
146         .or(min_size)
147         .maybe_clamp(min_size, max_size)
148         .maybe_max(padding_border_size)
149         .maybe_sub(content_box_inset.sum_axes());
150 
151     // Exactly compute the number of rows and columns in the explicit grid.
152     let explicit_col_count = compute_explicit_grid_size_in_axis(
153         &style,
154         grid_template_columms.borrow(),
155         auto_fit_container_size,
156         AbsoluteAxis::Horizontal,
157     );
158     let explicit_row_count = compute_explicit_grid_size_in_axis(
159         &style,
160         grid_template_rows.borrow(),
161         auto_fit_container_size,
162         AbsoluteAxis::Vertical,
163     );
164 
165     // 3. Implicit Grid: Estimate Track Counts
166     // Estimate the number of rows and columns in the implicit grid (= the entire grid)
167     // This is necessary as part of placement. Doing it early here is a perf optimisation to reduce allocations.
168     let (est_col_counts, est_row_counts) =
169         compute_grid_size_estimate(explicit_col_count, explicit_row_count, child_styles_iter);
170 
171     // 4. Grid Item Placement
172     // Match items (children) to a definite grid position (row start/end and column start/end position)
173     let mut items = Vec::with_capacity(tree.child_count(node));
174     let mut cell_occupancy_matrix = CellOccupancyMatrix::with_track_counts(est_col_counts, est_row_counts);
175     let in_flow_children_iter = || {
176         tree.child_ids(node)
177             .enumerate()
178             .map(|(index, child_node)| (index, child_node, tree.get_grid_child_style(child_node)))
179             .filter(|(_, _, style)| {
180                 style.box_generation_mode() != BoxGenerationMode::None && style.position() != Position::Absolute
181             })
182     };
183     place_grid_items(
184         &mut cell_occupancy_matrix,
185         &mut items,
186         in_flow_children_iter,
187         style.grid_auto_flow(),
188         align_items.unwrap_or(AlignItems::Stretch),
189         justify_items.unwrap_or(AlignItems::Stretch),
190     );
191 
192     // Extract track counts from previous step (auto-placement can expand the number of tracks)
193     let final_col_counts = *cell_occupancy_matrix.track_counts(AbsoluteAxis::Horizontal);
194     let final_row_counts = *cell_occupancy_matrix.track_counts(AbsoluteAxis::Vertical);
195 
196     // 5. Initialize Tracks
197     // Initialize (explicit and implicit) grid tracks (and gutters)
198     // This resolves the min and max track sizing functions for all tracks and gutters
199     let mut columns = GridTrackVec::new();
200     let mut rows = GridTrackVec::new();
201     initialize_grid_tracks(
202         &mut columns,
203         final_col_counts,
204         grid_template_columms.borrow(),
205         grid_auto_columms.borrow(),
206         style.gap().width,
207         |column_index| cell_occupancy_matrix.column_is_occupied(column_index),
208     );
209     initialize_grid_tracks(
210         &mut rows,
211         final_row_counts,
212         grid_template_rows.borrow(),
213         grid_auto_rows.borrow(),
214         style.gap().height,
215         |row_index| cell_occupancy_matrix.row_is_occupied(row_index),
216     );
217 
218     drop(grid_template_rows);
219     drop(grid_template_columms);
220     drop(grid_auto_rows);
221     drop(grid_auto_columms);
222     drop(style);
223 
224     // 6. Track Sizing
225 
226     // Convert grid placements in origin-zero coordinates to indexes into the GridTrack (rows and columns) vectors
227     // This computation is relatively trivial, but it requires the final number of negative (implicit) tracks in
228     // each axis, and doing it up-front here means we don't have to keep repeating that calculation
229     resolve_item_track_indexes(&mut items, final_col_counts, final_row_counts);
230 
231     // For each item, and in each axis, determine whether the item crosses any flexible (fr) tracks
232     // Record this as a boolean (per-axis) on each item for later use in the track-sizing algorithm
233     determine_if_item_crosses_flexible_or_intrinsic_tracks(&mut items, &columns, &rows);
234 
235     // Determine if the grid has any baseline aligned items
236     let has_baseline_aligned_item = items.iter().any(|item| item.align_self == AlignSelf::Baseline);
237 
238     // Run track sizing algorithm for Inline axis
239     track_sizing_algorithm(
240         tree,
241         AbstractAxis::Inline,
242         min_size.get(AbstractAxis::Inline),
243         max_size.get(AbstractAxis::Inline),
244         justify_content,
245         align_content,
246         available_grid_space,
247         inner_node_size,
248         &mut columns,
249         &mut rows,
250         &mut items,
251         |track: &GridTrack, parent_size: Option<f32>| track.max_track_sizing_function.definite_value(parent_size),
252         has_baseline_aligned_item,
253     );
254     let initial_column_sum = columns.iter().map(|track| track.base_size).sum::<f32>();
255     inner_node_size.width = inner_node_size.width.or_else(|| initial_column_sum.into());
256 
257     items.iter_mut().for_each(|item| item.available_space_cache = None);
258 
259     // Run track sizing algorithm for Block axis
260     track_sizing_algorithm(
261         tree,
262         AbstractAxis::Block,
263         min_size.get(AbstractAxis::Block),
264         max_size.get(AbstractAxis::Block),
265         align_content,
266         justify_content,
267         available_grid_space,
268         inner_node_size,
269         &mut rows,
270         &mut columns,
271         &mut items,
272         |track: &GridTrack, _| Some(track.base_size),
273         false, // TODO: Support baseline alignment in the vertical axis
274     );
275     let initial_row_sum = rows.iter().map(|track| track.base_size).sum::<f32>();
276     inner_node_size.height = inner_node_size.height.or_else(|| initial_row_sum.into());
277 
278     debug_log!("initial_column_sum", dbg:initial_column_sum);
279     debug_log!(dbg: columns.iter().map(|track| track.base_size).collect::<Vec<_>>());
280     debug_log!("initial_row_sum", dbg:initial_row_sum);
281     debug_log!(dbg: rows.iter().map(|track| track.base_size).collect::<Vec<_>>());
282 
283     // 6. Compute container size
284     let resolved_style_size = known_dimensions.or(preferred_size);
285     let container_border_box = Size {
286         width: resolved_style_size
287             .get(AbstractAxis::Inline)
288             .unwrap_or_else(|| initial_column_sum + content_box_inset.horizontal_axis_sum())
289             .maybe_clamp(min_size.width, max_size.width)
290             .max(padding_border_size.width),
291         height: resolved_style_size
292             .get(AbstractAxis::Block)
293             .unwrap_or_else(|| initial_row_sum + content_box_inset.vertical_axis_sum())
294             .maybe_clamp(min_size.height, max_size.height)
295             .max(padding_border_size.height),
296     };
297     let container_content_box = Size {
298         width: f32_max(0.0, container_border_box.width - content_box_inset.horizontal_axis_sum()),
299         height: f32_max(0.0, container_border_box.height - content_box_inset.vertical_axis_sum()),
300     };
301 
302     // If only the container's size has been requested
303     if run_mode == RunMode::ComputeSize {
304         return LayoutOutput::from_outer_size(container_border_box);
305     }
306 
307     // 7. Resolve percentage track base sizes
308     // In the case of an indefinitely sized container these resolve to zero during the "Initialise Tracks" step
309     // and therefore need to be re-resolved here based on the content-sized content box of the container
310     if !available_grid_space.width.is_definite() {
311         for column in &mut columns {
312             let min: Option<f32> =
313                 column.min_track_sizing_function.resolved_percentage_size(container_content_box.width);
314             let max: Option<f32> =
315                 column.max_track_sizing_function.resolved_percentage_size(container_content_box.width);
316             column.base_size = column.base_size.maybe_clamp(min, max);
317         }
318     }
319     if !available_grid_space.height.is_definite() {
320         for row in &mut rows {
321             let min: Option<f32> = row.min_track_sizing_function.resolved_percentage_size(container_content_box.height);
322             let max: Option<f32> = row.max_track_sizing_function.resolved_percentage_size(container_content_box.height);
323             row.base_size = row.base_size.maybe_clamp(min, max);
324         }
325     }
326 
327     // Column sizing must be re-run (once) if:
328     //   - The grid container's width was initially indefinite and there are any columns with percentage track sizing functions
329     //   - Any grid item crossing an intrinsically sized track's min content contribution width has changed
330     // TODO: Only rerun sizing for tracks that actually require it rather than for all tracks if any need it.
331     let mut rerun_column_sizing;
332 
333     let has_percentage_column = columns.iter().any(|track| track.uses_percentage());
334     let parent_width_indefinite = !available_space.width.is_definite();
335     rerun_column_sizing = parent_width_indefinite && has_percentage_column;
336 
337     if !rerun_column_sizing {
338         let min_content_contribution_changed =
339             items.iter_mut().filter(|item| item.crosses_intrinsic_column).any(|item| {
340                 let available_space = item.available_space(
341                     AbstractAxis::Inline,
342                     &rows,
343                     inner_node_size.height,
344                     |track: &GridTrack, _| Some(track.base_size),
345                 );
346                 let new_min_content_contribution =
347                     item.min_content_contribution(AbstractAxis::Inline, tree, available_space, inner_node_size);
348 
349                 let has_changed = Some(new_min_content_contribution) != item.min_content_contribution_cache.width;
350 
351                 item.available_space_cache = Some(available_space);
352                 item.min_content_contribution_cache.width = Some(new_min_content_contribution);
353                 item.max_content_contribution_cache.width = None;
354                 item.minimum_contribution_cache.width = None;
355 
356                 has_changed
357             });
358         rerun_column_sizing = min_content_contribution_changed;
359     } else {
360         // Clear intrisic width caches
361         items.iter_mut().for_each(|item| {
362             item.available_space_cache = None;
363             item.min_content_contribution_cache.width = None;
364             item.max_content_contribution_cache.width = None;
365             item.minimum_contribution_cache.width = None;
366         });
367     }
368 
369     if rerun_column_sizing {
370         // Re-run track sizing algorithm for Inline axis
371         track_sizing_algorithm(
372             tree,
373             AbstractAxis::Inline,
374             min_size.get(AbstractAxis::Inline),
375             max_size.get(AbstractAxis::Inline),
376             justify_content,
377             align_content,
378             available_grid_space,
379             inner_node_size,
380             &mut columns,
381             &mut rows,
382             &mut items,
383             |track: &GridTrack, _| Some(track.base_size),
384             has_baseline_aligned_item,
385         );
386 
387         // Row sizing must be re-run (once) if:
388         //   - The grid container's height was initially indefinite and there are any rows with percentage track sizing functions
389         //   - Any grid item crossing an intrinsically sized track's min content contribution height has changed
390         // TODO: Only rerun sizing for tracks that actually require it rather than for all tracks if any need it.
391         let mut rerun_row_sizing;
392 
393         let has_percentage_row = rows.iter().any(|track| track.uses_percentage());
394         let parent_height_indefinite = !available_space.height.is_definite();
395         rerun_row_sizing = parent_height_indefinite && has_percentage_row;
396 
397         if !rerun_row_sizing {
398             let min_content_contribution_changed =
399                 items.iter_mut().filter(|item| item.crosses_intrinsic_column).any(|item| {
400                     let available_space = item.available_space(
401                         AbstractAxis::Block,
402                         &columns,
403                         inner_node_size.width,
404                         |track: &GridTrack, _| Some(track.base_size),
405                     );
406                     let new_min_content_contribution =
407                         item.min_content_contribution(AbstractAxis::Block, tree, available_space, inner_node_size);
408 
409                     let has_changed = Some(new_min_content_contribution) != item.min_content_contribution_cache.height;
410 
411                     item.available_space_cache = Some(available_space);
412                     item.min_content_contribution_cache.height = Some(new_min_content_contribution);
413                     item.max_content_contribution_cache.height = None;
414                     item.minimum_contribution_cache.height = None;
415 
416                     has_changed
417                 });
418             rerun_row_sizing = min_content_contribution_changed;
419         } else {
420             items.iter_mut().for_each(|item| {
421                 // Clear intrisic height caches
422                 item.available_space_cache = None;
423                 item.min_content_contribution_cache.height = None;
424                 item.max_content_contribution_cache.height = None;
425                 item.minimum_contribution_cache.height = None;
426             });
427         }
428 
429         if rerun_row_sizing {
430             // Re-run track sizing algorithm for Block axis
431             track_sizing_algorithm(
432                 tree,
433                 AbstractAxis::Block,
434                 min_size.get(AbstractAxis::Block),
435                 max_size.get(AbstractAxis::Block),
436                 align_content,
437                 justify_content,
438                 available_grid_space,
439                 inner_node_size,
440                 &mut rows,
441                 &mut columns,
442                 &mut items,
443                 |track: &GridTrack, _| Some(track.base_size),
444                 false, // TODO: Support baseline alignment in the vertical axis
445             );
446         }
447     }
448 
449     // 8. Track Alignment
450 
451     // Align columns
452     align_tracks(
453         container_content_box.get(AbstractAxis::Inline),
454         Line { start: padding.left, end: padding.right },
455         Line { start: border.left, end: border.right },
456         &mut columns,
457         justify_content,
458     );
459     // Align rows
460     align_tracks(
461         container_content_box.get(AbstractAxis::Block),
462         Line { start: padding.top, end: padding.bottom },
463         Line { start: border.top, end: border.bottom },
464         &mut rows,
465         align_content,
466     );
467 
468     // 9. Size, Align, and Position Grid Items
469 
470     #[cfg_attr(not(feature = "content_size"), allow(unused_mut))]
471     let mut item_content_size_contribution = Size::ZERO;
472 
473     // Sort items back into original order to allow them to be matched up with styles
474     items.sort_by_key(|item| item.source_order);
475 
476     let container_alignment_styles = InBothAbsAxis { horizontal: justify_items, vertical: align_items };
477 
478     // Position in-flow children (stored in items vector)
479     for (index, item) in items.iter_mut().enumerate() {
480         let grid_area = Rect {
481             top: rows[item.row_indexes.start as usize + 1].offset,
482             bottom: rows[item.row_indexes.end as usize].offset,
483             left: columns[item.column_indexes.start as usize + 1].offset,
484             right: columns[item.column_indexes.end as usize].offset,
485         };
486         #[cfg_attr(not(feature = "content_size"), allow(unused_variables))]
487         let (content_size_contribution, y_position, height) = align_and_position_item(
488             tree,
489             item.node,
490             index as u32,
491             grid_area,
492             container_alignment_styles,
493             item.baseline_shim,
494         );
495         item.y_position = y_position;
496         item.height = height;
497 
498         #[cfg(feature = "content_size")]
499         {
500             item_content_size_contribution = item_content_size_contribution.f32_max(content_size_contribution);
501         }
502     }
503 
504     // Position hidden and absolutely positioned children
505     let mut order = items.len() as u32;
506     (0..tree.child_count(node)).for_each(|index| {
507         let child = tree.get_child_id(node, index);
508         let child_style = tree.get_grid_child_style(child);
509 
510         // Position hidden child
511         if child_style.box_generation_mode() == BoxGenerationMode::None {
512             drop(child_style);
513             tree.set_unrounded_layout(child, &Layout::with_order(order));
514             tree.perform_child_layout(
515                 child,
516                 Size::NONE,
517                 Size::NONE,
518                 Size::MAX_CONTENT,
519                 SizingMode::InherentSize,
520                 Line::FALSE,
521             );
522             order += 1;
523             return;
524         }
525 
526         // Position absolutely positioned child
527         if child_style.position() == Position::Absolute {
528             // Convert grid-col-{start/end} into Option's of indexes into the columns vector
529             // The Option is None if the style property is Auto and an unresolvable Span
530             let maybe_col_indexes = child_style
531                 .grid_column()
532                 .into_origin_zero(final_col_counts.explicit)
533                 .resolve_absolutely_positioned_grid_tracks()
534                 .map(|maybe_grid_line| {
535                     maybe_grid_line.map(|line: OriginZeroLine| line.into_track_vec_index(final_col_counts))
536                 });
537             // Convert grid-row-{start/end} into Option's of indexes into the row vector
538             // The Option is None if the style property is Auto and an unresolvable Span
539             let maybe_row_indexes = child_style
540                 .grid_row()
541                 .into_origin_zero(final_row_counts.explicit)
542                 .resolve_absolutely_positioned_grid_tracks()
543                 .map(|maybe_grid_line| {
544                     maybe_grid_line.map(|line: OriginZeroLine| line.into_track_vec_index(final_row_counts))
545                 });
546 
547             let grid_area = Rect {
548                 top: maybe_row_indexes.start.map(|index| rows[index].offset).unwrap_or(border.top),
549                 bottom: maybe_row_indexes
550                     .end
551                     .map(|index| rows[index].offset)
552                     .unwrap_or(container_border_box.height - border.bottom - scrollbar_gutter.y),
553                 left: maybe_col_indexes.start.map(|index| columns[index].offset).unwrap_or(border.left),
554                 right: maybe_col_indexes
555                     .end
556                     .map(|index| columns[index].offset)
557                     .unwrap_or(container_border_box.width - border.right - scrollbar_gutter.x),
558             };
559             drop(child_style);
560 
561             // TODO: Baseline alignment support for absolutely positioned items (should check if is actuallty specified)
562             #[cfg_attr(not(feature = "content_size"), allow(unused_variables))]
563             let (content_size_contribution, _, _) =
564                 align_and_position_item(tree, child, order, grid_area, container_alignment_styles, 0.0);
565             #[cfg(feature = "content_size")]
566             {
567                 item_content_size_contribution = item_content_size_contribution.f32_max(content_size_contribution);
568             }
569 
570             order += 1;
571         }
572     });
573 
574     // Set detailed grid information
575     #[cfg(feature = "detailed_layout_info")]
576     tree.set_detailed_grid_info(
577         node,
578         DetailedGridInfo {
579             rows: DetailedGridTracksInfo::from_grid_tracks_and_track_count(final_row_counts, rows),
580             columns: DetailedGridTracksInfo::from_grid_tracks_and_track_count(final_col_counts, columns),
581             items: items.iter().map(DetailedGridItemsInfo::from_grid_item).collect(),
582         },
583     );
584 
585     // If there are not items then return just the container size (no baseline)
586     if items.is_empty() {
587         return LayoutOutput::from_outer_size(container_border_box);
588     }
589 
590     // Determine the grid container baseline(s) (currently we only compute the first baseline)
591     let grid_container_baseline: f32 = {
592         // Sort items by row start position so that we can iterate items in groups which are in the same row
593         items.sort_by_key(|item| item.row_indexes.start);
594 
595         // Get the row index of the first row containing items
596         let first_row = items[0].row_indexes.start;
597 
598         // Create a slice of all of the items start in this row (taking advantage of the fact that we have just sorted the array)
599         let first_row_items = &items[0..].split(|item| item.row_indexes.start != first_row).next().unwrap();
600 
601         // Check if any items in *this row* are baseline aligned
602         let row_has_baseline_item = first_row_items.iter().any(|item| item.align_self == AlignSelf::Baseline);
603 
604         let item = if row_has_baseline_item {
605             first_row_items.iter().find(|item| item.align_self == AlignSelf::Baseline).unwrap()
606         } else {
607             &first_row_items[0]
608         };
609 
610         item.y_position + item.baseline.unwrap_or(item.height)
611     };
612 
613     LayoutOutput::from_sizes_and_baselines(
614         container_border_box,
615         item_content_size_contribution,
616         Point { x: None, y: Some(grid_container_baseline) },
617     )
618 }
619 
620 /// Information from the computation of grid
621 #[derive(Debug, Clone, PartialEq)]
622 #[cfg(feature = "detailed_layout_info")]
623 pub struct DetailedGridInfo {
624     /// <https://drafts.csswg.org/css-grid-1/#grid-row>
625     pub rows: DetailedGridTracksInfo,
626     /// <https://drafts.csswg.org/css-grid-1/#grid-column>
627     pub columns: DetailedGridTracksInfo,
628     /// <https://drafts.csswg.org/css-grid-1/#grid-items>
629     pub items: Vec<DetailedGridItemsInfo>,
630 }
631 
632 /// Information from the computation of grids tracks
633 #[derive(Debug, Clone, PartialEq)]
634 #[cfg(feature = "detailed_layout_info")]
635 pub struct DetailedGridTracksInfo {
636     /// Number of leading implicit grid tracks
637     pub negative_implicit_tracks: u16,
638     /// Number of explicit grid tracks
639     pub explicit_tracks: u16,
640     /// Number of trailing implicit grid tracks
641     pub positive_implicit_tracks: u16,
642 
643     /// Gutters between tracks
644     pub gutters: Vec<f32>,
645     /// The used size of the tracks
646     pub sizes: Vec<f32>,
647 }
648 
649 #[cfg(feature = "detailed_layout_info")]
650 impl DetailedGridTracksInfo {
651     /// Get the base_size of [`GridTrack`] with a kind [`types::GridTrackKind`]
652     #[inline(always)]
grid_track_base_size_of_kind(grid_tracks: &[GridTrack], kind: GridTrackKind) -> Vec<f32>653     fn grid_track_base_size_of_kind(grid_tracks: &[GridTrack], kind: GridTrackKind) -> Vec<f32> {
654         grid_tracks
655             .iter()
656             .filter_map(|track| match track.kind == kind {
657                 true => Some(track.base_size),
658                 false => None,
659             })
660             .collect()
661     }
662 
663     /// Get the sizes of the gutters
gutters_from_grid_track_layout(grid_tracks: &[GridTrack]) -> Vec<f32>664     fn gutters_from_grid_track_layout(grid_tracks: &[GridTrack]) -> Vec<f32> {
665         DetailedGridTracksInfo::grid_track_base_size_of_kind(grid_tracks, GridTrackKind::Gutter)
666     }
667 
668     /// Get the sizes of the tracks
sizes_from_grid_track_layout(grid_tracks: &[GridTrack]) -> Vec<f32>669     fn sizes_from_grid_track_layout(grid_tracks: &[GridTrack]) -> Vec<f32> {
670         DetailedGridTracksInfo::grid_track_base_size_of_kind(grid_tracks, GridTrackKind::Track)
671     }
672 
673     /// Construct DetailedGridTracksInfo from TrackCounts and GridTracks
from_grid_tracks_and_track_count(track_count: TrackCounts, grid_tracks: Vec<GridTrack>) -> Self674     fn from_grid_tracks_and_track_count(track_count: TrackCounts, grid_tracks: Vec<GridTrack>) -> Self {
675         DetailedGridTracksInfo {
676             negative_implicit_tracks: track_count.negative_implicit,
677             explicit_tracks: track_count.explicit,
678             positive_implicit_tracks: track_count.positive_implicit,
679             gutters: DetailedGridTracksInfo::gutters_from_grid_track_layout(&grid_tracks),
680             sizes: DetailedGridTracksInfo::sizes_from_grid_track_layout(&grid_tracks),
681         }
682     }
683 }
684 
685 /// Grid area information from the placement algorithm
686 ///
687 /// The values is 1-indexed grid line numbers bounding the area.
688 /// This matches the Chrome and Firefox's format as of 2nd Jan 2024.
689 #[derive(Debug, Clone, PartialEq)]
690 #[cfg(feature = "detailed_layout_info")]
691 pub struct DetailedGridItemsInfo {
692     /// row-start with 1-indexed grid line numbers
693     pub row_start: u16,
694     /// row-end with 1-indexed grid line numbers
695     pub row_end: u16,
696     /// column-start with 1-indexed grid line numbers
697     pub column_start: u16,
698     /// column-end with 1-indexed grid line numbers
699     pub column_end: u16,
700 }
701 
702 /// Grid area information from the placement algorithm
703 #[cfg(feature = "detailed_layout_info")]
704 impl DetailedGridItemsInfo {
705     /// Construct from GridItems
706     #[inline(always)]
from_grid_item(grid_item: &GridItem) -> Self707     fn from_grid_item(grid_item: &GridItem) -> Self {
708         /// Conversion from the indexes of Vec<GridTrack> into 1-indexed grid line numbers. See [`GridItem::row_indexes`] or [`GridItem::column_indexes`]
709         #[inline(always)]
710         fn to_one_indexed_grid_line(grid_track_index: u16) -> u16 {
711             grid_track_index / 2 + 1
712         }
713 
714         DetailedGridItemsInfo {
715             row_start: to_one_indexed_grid_line(grid_item.row_indexes.start),
716             row_end: to_one_indexed_grid_line(grid_item.row_indexes.end),
717             column_start: to_one_indexed_grid_line(grid_item.column_indexes.start),
718             column_end: to_one_indexed_grid_line(grid_item.column_indexes.end),
719         }
720     }
721 }
722