浏览代码

LibWeb: Flexbox: Catch zero flex-basis and use width instead

A flex-basis of zero doesn't actually mean that the preferred size of
the particular Box is 0. It means that the Box should take the least
amount of space possible while still accomodating the content inside.

We catch and circumvent this now right when the flex-basis property gets
read for the FlexFormattingContext.

This isn't mentioned anywhere in the seemingly relevant portions of the
spec, however thanks to this answer https://stackoverflow.com/a/47579078
(which is not entirely correct about width either) lead to the behavior
that is wanted and used by other Browsers.
Tobias Christiansen 3 年之前
父节点
当前提交
1496ad0605
共有 1 个文件被更改,包括 6 次插入5 次删除
  1. 6 5
      Userland/Libraries/LibWeb/Layout/FlexFormattingContext.cpp

+ 6 - 5
Userland/Libraries/LibWeb/Layout/FlexFormattingContext.cpp

@@ -365,7 +365,11 @@ void FlexFormattingContext::run(Box& box, LayoutMode)
         auto flex_basis = child_box.computed_values().flex_basis();
         if (flex_basis.type == CSS::FlexBasis::Length) {
             // A
-            flex_item.flex_base_size = get_pixel_size(child_box, flex_basis.length);
+            auto specified_base_size = get_pixel_size(child_box, flex_basis.length);
+            if (specified_base_size == 0)
+                flex_item.flex_base_size = calculated_main_size(flex_item.box);
+            else
+                flex_item.flex_base_size = specified_base_size;
         } else if (flex_basis.type == CSS::FlexBasis::Content
             && has_definite_cross_size(child_box)
             // FIXME: && has intrinsic aspect ratio.
@@ -504,12 +508,9 @@ void FlexFormattingContext::run(Box& box, LayoutMode)
         for (auto& flex_item : flex_line.items) {
             if (flex_item->flex_factor.has_value() && flex_item->flex_factor.value() == 0) {
                 freeze_item_setting_target_main_size_to_hypothetical_main_size(*flex_item);
-            } else if (flex_item->flex_factor.has_value()) {
-                // FIXME: This isn't spec
-                continue;
             } else if (used_flex_factor == FlexFactor::FlexGrowFactor) {
                 // FIXME: Spec doesn't include the == case, but we take a too basic approach to calculating the values used so this is appropriate
-                if (flex_item->flex_base_size >= flex_item->hypothetical_main_size) {
+                if (flex_item->flex_base_size > flex_item->hypothetical_main_size) {
                     freeze_item_setting_target_main_size_to_hypothetical_main_size(*flex_item);
                 }
             } else if (used_flex_factor == FlexFactor::FlexShrinkFactor) {