mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 19:27:44 +00:00
LibWeb: Reset margin collapsing state only if box indeed add clearance
This fixes the issue when margin collapsing state was always reset if a box has clear property not equal to none even if it does not actually introduce clearance.
This commit is contained in:
parent
b0a43404b9
commit
7cc20f4cb5
6 changed files with 83 additions and 13 deletions
|
@ -536,26 +536,27 @@ void BlockFormattingContext::layout_block_level_box(Box const& box, BlockContain
|
|||
|
||||
resolve_vertical_box_model_metrics(box, m_state);
|
||||
|
||||
auto const y = m_y_offset_of_current_block_container.value();
|
||||
|
||||
if (box.is_floating()) {
|
||||
auto const y = m_y_offset_of_current_block_container.value();
|
||||
auto margin_top = !m_margin_state.has_block_container_waiting_for_final_y_position() ? m_margin_state.current_collapsed_margin() : 0;
|
||||
layout_floating_box(box, block_container, layout_mode, available_space, margin_top + y);
|
||||
bottom_of_lowest_margin_box = max(bottom_of_lowest_margin_box, box_state.offset.y() + box_state.content_height() + box_state.margin_box_bottom());
|
||||
return;
|
||||
}
|
||||
|
||||
m_margin_state.add_margin(box_state.margin_top);
|
||||
auto introduce_clearance = clear_floating_boxes(box);
|
||||
if (introduce_clearance == DidIntroduceClearance::Yes)
|
||||
m_margin_state.reset();
|
||||
|
||||
auto const y = m_y_offset_of_current_block_container.value();
|
||||
|
||||
if (box_state.has_definite_height()) {
|
||||
compute_height(box, available_space);
|
||||
}
|
||||
|
||||
if (box.computed_values().clear() != CSS::Clear::None) {
|
||||
m_margin_state.reset();
|
||||
}
|
||||
|
||||
auto independent_formatting_context = create_independent_formatting_context_if_needed(m_state, box);
|
||||
|
||||
m_margin_state.add_margin(box_state.margin_top);
|
||||
m_margin_state.update_block_waiting_for_final_y_position();
|
||||
CSSPixels margin_top = m_margin_state.current_collapsed_margin();
|
||||
|
||||
|
@ -592,7 +593,9 @@ void BlockFormattingContext::layout_block_level_box(Box const& box, BlockContain
|
|||
} else if (!m_margin_state.has_block_container_waiting_for_final_y_position()) {
|
||||
// margin-top of block container can be updated during children layout hence it's final y position yet to be determined
|
||||
m_margin_state.register_block_container_y_position_update_callback([&](CSSPixels margin_top) {
|
||||
place_block_level_element_in_normal_flow_vertically(box, margin_top + y + box_state.border_box_top());
|
||||
if (introduce_clearance == DidIntroduceClearance::No) {
|
||||
place_block_level_element_in_normal_flow_vertically(box, margin_top + y);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -689,10 +692,10 @@ CSSPixels BlockFormattingContext::BlockMarginState::current_collapsed_margin() c
|
|||
return collapsed_margin;
|
||||
}
|
||||
|
||||
void BlockFormattingContext::place_block_level_element_in_normal_flow_vertically(Box const& child_box, CSSPixels y)
|
||||
BlockFormattingContext::DidIntroduceClearance BlockFormattingContext::clear_floating_boxes(Box const& child_box)
|
||||
{
|
||||
auto& box_state = m_state.get_mutable(child_box);
|
||||
auto const& computed_values = child_box.computed_values();
|
||||
auto result = DidIntroduceClearance::No;
|
||||
|
||||
auto clear_floating_boxes = [&](FloatSideData& float_side) {
|
||||
if (!float_side.current_boxes.is_empty()) {
|
||||
|
@ -714,9 +717,11 @@ void BlockFormattingContext::place_block_level_element_in_normal_flow_vertically
|
|||
for (auto* containing_block = child_box.containing_block(); containing_block && containing_block != &root(); containing_block = containing_block->containing_block())
|
||||
clearance_y_in_containing_block -= m_state.get(*containing_block).offset.y();
|
||||
|
||||
if (clearance_y_in_containing_block > y)
|
||||
if (clearance_y_in_containing_block > m_y_offset_of_current_block_container.value()) {
|
||||
result = DidIntroduceClearance::Yes;
|
||||
m_y_offset_of_current_block_container = clearance_y_in_containing_block;
|
||||
y = max(y, clearance_y_in_containing_block);
|
||||
}
|
||||
|
||||
float_side.clear();
|
||||
}
|
||||
};
|
||||
|
@ -727,8 +732,13 @@ void BlockFormattingContext::place_block_level_element_in_normal_flow_vertically
|
|||
if ((computed_values.clear() == CSS::Clear::Right || computed_values.clear() == CSS::Clear::Both) && !child_box.is_flex_item())
|
||||
clear_floating_boxes(m_right_floats);
|
||||
|
||||
y += box_state.border_box_top();
|
||||
return result;
|
||||
}
|
||||
|
||||
void BlockFormattingContext::place_block_level_element_in_normal_flow_vertically(Box const& child_box, CSSPixels y)
|
||||
{
|
||||
auto& box_state = m_state.get_mutable(child_box);
|
||||
y += box_state.border_box_top();
|
||||
box_state.set_content_offset(CSSPixelPoint { box_state.offset.x(), y.value() });
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue