mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 19:17:44 +00:00
LibWeb: Split run_track_sizing into smaller method in GFC
Splits run_track_sizing into following methods: - initialize_track_sizes (12.4. Initialize Track Sizes) - resolve_intrinsic_track_sizes (12.5. Resolve Intrinsic Track Sizes) - maximize_tracks (12.6. Maximize Tracks) - expand_flexible_tracks (12.7 Expand Flexible Tracks) - stretch_auto_tracks (12.8. Stretch auto Tracks)
This commit is contained in:
Aliaksandr Kalenik
Andreas Kling
parent
352037664d
commit
1ada6a43e2
2 changed files with 50 additions and 27 deletions
|
|
@ -607,17 +607,17 @@ void GridFormattingContext::initialize_gap_tracks(AvailableSpace const& availabl
|
|||
}
|
||||
}
|
||||
|
||||
void GridFormattingContext::run_track_sizing(GridDimension const dimension, AvailableSpace const& available_space, Vector<TemporaryTrack>& tracks)
|
||||
void GridFormattingContext::initialize_track_sizes(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
auto track_available_size = dimension == GridDimension::Column ? available_space.width : available_space.height;
|
||||
|
||||
// https://www.w3.org/TR/css-grid-2/#algo-init
|
||||
// 12.4. Initialize Track Sizes
|
||||
// Initialize each track’s base size and growth limit.
|
||||
|
||||
// For each track, if the track’s min track sizing function is:
|
||||
for (auto& track : tracks) {
|
||||
if (track.is_gap)
|
||||
continue;
|
||||
// For each track, if the track’s min track sizing function is:
|
||||
|
||||
switch (track.min_track_sizing_function.type()) {
|
||||
// - A fixed sizing function
|
||||
// Resolve to an absolute length and use that size as the track’s initial base size.
|
||||
|
|
@ -627,8 +627,8 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
break;
|
||||
}
|
||||
case CSS::GridSize::Type::Percentage: {
|
||||
if (track_available_size.is_definite())
|
||||
track.base_size = track.min_track_sizing_function.percentage().as_fraction() * track_available_size.to_px().value();
|
||||
if (available_size.is_definite())
|
||||
track.base_size = track.min_track_sizing_function.percentage().as_fraction() * available_size.to_px().value();
|
||||
break;
|
||||
}
|
||||
// - An intrinsic sizing function
|
||||
|
|
@ -657,8 +657,8 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
break;
|
||||
}
|
||||
case CSS::GridSize::Type::Percentage: {
|
||||
if (track_available_size.is_definite())
|
||||
track.growth_limit = track.max_track_sizing_function.percentage().as_fraction() * track_available_size.to_px().value();
|
||||
if (available_size.is_definite())
|
||||
track.growth_limit = track.max_track_sizing_function.percentage().as_fraction() * available_size.to_px().value();
|
||||
break;
|
||||
}
|
||||
// - A flexible sizing function
|
||||
|
|
@ -683,7 +683,10 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
if (track.growth_limit < track.base_size)
|
||||
track.growth_limit = track.base_size;
|
||||
}
|
||||
}
|
||||
|
||||
void GridFormattingContext::resolve_intrinsic_track_sizes(GridDimension const dimension, AvailableSize const& available_size, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
// https://www.w3.org/TR/css-grid-2/#algo-content
|
||||
// 12.5. Resolve Intrinsic Track Sizes
|
||||
// This step resolves intrinsic track sizing functions to absolute lengths. First it resolves those
|
||||
|
|
@ -691,17 +694,7 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
// the space requirements of items that span multiple tracks, evenly distributing the extra space
|
||||
// across those tracks insofar as possible.
|
||||
|
||||
// FIXME: 1. Shim baseline-aligned items so their intrinsic size contributions reflect their baseline
|
||||
// alignment. For the items in each baseline-sharing group, add a “shim” (effectively, additional
|
||||
// margin) on the start/end side (for first/last-baseline alignment) of each item so that, when
|
||||
// start/end-aligned together their baselines align as specified.
|
||||
|
||||
// Consider these “shims” as part of the items’ intrinsic size contribution for the purpose of track
|
||||
// sizing, below. If an item uses multiple intrinsic size contributions, it can have different shims
|
||||
// for each one.
|
||||
|
||||
// 2. Size tracks to fit non-spanning items: For each track with an intrinsic track sizing function and
|
||||
// not a flexible sizing function, consider the items in it with a span of 1:
|
||||
// FIXME: 1. Shim baseline-aligned items so their intrinsic size contributions reflect their baseline alignment.
|
||||
|
||||
auto calculate_item_min_content_contribution = [&](GridItem const& item) {
|
||||
if (dimension == GridDimension::Column) {
|
||||
|
|
@ -943,7 +936,7 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
track.space_to_distribute = max(CSSPixels(0), track.growth_limit - track.base_size);
|
||||
}
|
||||
|
||||
auto remaining_free_space = track_available_size.is_definite() ? track_available_size.to_px() - sum_of_track_sizes : 0;
|
||||
auto remaining_free_space = available_size.is_definite() ? available_size.to_px() - sum_of_track_sizes : 0;
|
||||
|
||||
// 2.2. Distribute space up to limits: Find the item-incurred increase for each spanned track with an
|
||||
// affected size by: distributing the space equally among such tracks, freezing a track’s
|
||||
|
|
@ -1009,14 +1002,17 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
// limit, set it to the track’s base size plus the planned increase.)
|
||||
for (auto& track : tracks)
|
||||
track.base_size += track.planned_increase;
|
||||
}
|
||||
|
||||
void GridFormattingContext::maximize_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
// https://www.w3.org/TR/css-grid-2/#algo-grow-tracks
|
||||
// 12.6. Maximize Tracks
|
||||
|
||||
auto get_free_space_px = [&]() -> CSSPixels {
|
||||
// For the purpose of this step: if sizing the grid container under a max-content constraint, the
|
||||
// free space is infinite; if sizing under a min-content constraint, the free space is zero.
|
||||
auto free_space = get_free_space(track_available_size, tracks);
|
||||
auto free_space = get_free_space(available_size, tracks);
|
||||
if (free_space.is_max_content()) {
|
||||
return INFINITY;
|
||||
} else if (free_space.is_min_content()) {
|
||||
|
|
@ -1043,10 +1039,13 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
free_space_px = get_free_space_px();
|
||||
}
|
||||
|
||||
// If this would cause the grid to be larger than the grid container’s inner size as limited by its
|
||||
// FIXME: If this would cause the grid to be larger than the grid container’s inner size as limited by its
|
||||
// max-width/height, then redo this step, treating the available grid space as equal to the grid
|
||||
// container’s inner size when it’s sized to its max-width/height.
|
||||
}
|
||||
|
||||
void GridFormattingContext::expand_flexible_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
// https://drafts.csswg.org/css-grid/#algo-flex-tracks
|
||||
// 12.7. Expand Flexible Tracks
|
||||
// This step sizes flexible tracks using the largest value it can assign to an fr without exceeding
|
||||
|
|
@ -1055,10 +1054,10 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
auto find_the_size_of_an_fr = [&]() -> CSSPixels {
|
||||
// https://www.w3.org/TR/css-grid-2/#algo-find-fr-size
|
||||
|
||||
VERIFY(track_available_size.is_definite());
|
||||
VERIFY(available_size.is_definite());
|
||||
|
||||
// 1. Let leftover space be the space to fill minus the base sizes of the non-flexible grid tracks.
|
||||
auto leftover_space = track_available_size.to_px();
|
||||
auto leftover_space = available_size.to_px();
|
||||
for (auto& track : tracks) {
|
||||
if (!track.max_track_sizing_function.is_flexible_length()) {
|
||||
leftover_space -= track.base_size;
|
||||
|
|
@ -1087,9 +1086,9 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
|
||||
// First, find the grid’s used flex fraction:
|
||||
auto flex_fraction = [&]() {
|
||||
auto free_space = get_free_space(track_available_size, tracks);
|
||||
auto free_space = get_free_space(available_size, tracks);
|
||||
// If the free space is zero or if sizing the grid container under a min-content constraint:
|
||||
if (free_space.to_px() == 0 || track_available_size.is_min_content()) {
|
||||
if (free_space.to_px() == 0 || available_size.is_min_content()) {
|
||||
// The used flex fraction is zero.
|
||||
return CSSPixels(0);
|
||||
// Otherwise, if the free space is a definite length:
|
||||
|
|
@ -1110,7 +1109,10 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
track.base_size = track.max_track_sizing_function.flexible_length() * flex_fraction;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void GridFormattingContext::stretch_auto_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
// https://drafts.csswg.org/css-grid/#algo-stretch
|
||||
// 12.8. Stretch auto Tracks
|
||||
|
||||
|
|
@ -1125,7 +1127,7 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
used_space += track.base_size;
|
||||
}
|
||||
|
||||
CSSPixels remaining_space = track_available_size.is_definite() ? track_available_size.to_px() - used_space : 0;
|
||||
CSSPixels remaining_space = available_size.is_definite() ? available_size.to_px() - used_space : 0;
|
||||
auto count_of_auto_max_sizing_tracks = 0;
|
||||
for (auto& track : tracks) {
|
||||
if (track.max_track_sizing_function.is_length() && track.max_track_sizing_function.length().is_auto())
|
||||
|
|
@ -1136,6 +1138,21 @@ void GridFormattingContext::run_track_sizing(GridDimension const dimension, Avai
|
|||
if (track.max_track_sizing_function.is_length() && track.max_track_sizing_function.length().is_auto())
|
||||
track.base_size = max(track.base_size, remaining_space / count_of_auto_max_sizing_tracks);
|
||||
}
|
||||
}
|
||||
|
||||
void GridFormattingContext::run_track_sizing(GridDimension const dimension, AvailableSpace const& available_space, Vector<TemporaryTrack>& tracks)
|
||||
{
|
||||
auto track_available_size = dimension == GridDimension::Column ? available_space.width : available_space.height;
|
||||
|
||||
initialize_track_sizes(track_available_size, tracks);
|
||||
|
||||
resolve_intrinsic_track_sizes(dimension, track_available_size, tracks);
|
||||
|
||||
maximize_tracks(track_available_size, tracks);
|
||||
|
||||
expand_flexible_tracks(track_available_size, tracks);
|
||||
|
||||
stretch_auto_tracks(track_available_size, tracks);
|
||||
|
||||
// If calculating the layout of a grid item in this step depends on the available space in the block
|
||||
// axis, assume the available space that it would have if any row with a definite max track sizing
|
||||
|
|
|
|||
|
|
@ -165,6 +165,12 @@ private:
|
|||
void initialize_grid_tracks_from_definition(AvailableSpace const& available_space, Vector<CSS::ExplicitGridTrack> const& tracks_definition, Vector<TemporaryTrack>& tracks);
|
||||
void initialize_grid_tracks_for_columns_and_rows(AvailableSpace const&);
|
||||
void initialize_gap_tracks(AvailableSpace const&);
|
||||
|
||||
void initialize_track_sizes(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks);
|
||||
void resolve_intrinsic_track_sizes(GridDimension const dimension, AvailableSize const& available_space, Vector<TemporaryTrack>& tracks);
|
||||
void maximize_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks);
|
||||
void expand_flexible_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks);
|
||||
void stretch_auto_tracks(AvailableSize const& available_size, Vector<TemporaryTrack>& tracks);
|
||||
void run_track_sizing(GridDimension const dimension, AvailableSpace const& available_space, Vector<TemporaryTrack>& tracks);
|
||||
|
||||
CSSPixels content_based_minimum_height(GridItem const&);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue