1 سال پیش · aa245f9f18
--- a/Tests/LibWeb/Layout/expected/flex/reverse-with-justify-content-normal.txt
+++ b/Tests/LibWeb/Layout/expected/flex/reverse-with-justify-content-normal.txt
@@ -0,0 +1,15 @@
 
															+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
														
 
															+  BlockContainer <html> at (0,0) content-size 800x416 [BFC] children: not-inline
														
 
															+    BlockContainer <body> at (8,8) content-size 784x400 children: not-inline
														
 
															+      Box <div.flex.row> at (8,8) content-size 200x200 flex-container(row-reverse) [FFC] children: not-inline
														
 
															+        BlockContainer <div.item> at (108,8) content-size 100x100 flex-item [BFC] children: not-inline
														
 
															+      Box <div.flex.column> at (8,208) content-size 200x200 flex-container(column-reverse) [FFC] children: not-inline
														
 
															+        BlockContainer <div.item> at (8,308) content-size 100x100 flex-item [BFC] children: not-inline
														
 
															+
														
 
															+ViewportPaintable (Viewport<#document>) [0,0 800x600]
														
 
															+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x416]
														
 
															+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x400]
														
 
															+      PaintableBox (Box<DIV>.flex.row) [8,8 200x200]
														
 
															+        PaintableWithLines (BlockContainer<DIV>.item) [108,8 100x100]
														
 
															+      PaintableBox (Box<DIV>.flex.column) [8,208 200x200]
														
 
															+        PaintableWithLines (BlockContainer<DIV>.item) [8,308 100x100]
														
--- a/Tests/LibWeb/Layout/input/flex/reverse-with-justify-content-normal.html
+++ b/Tests/LibWeb/Layout/input/flex/reverse-with-justify-content-normal.html
@@ -0,0 +1,23 @@
 
															+<!DOCTYPE html><style type="text/css">
														
 
															+    * {
														
 
															+        outline: 1px solid black;
														
 
															+    }
														
 
															+    .row {
														
 
															+        flex-direction: row-reverse;
														
 
															+    }
														
 
															+    .column {
														
 
															+        flex-direction: column-reverse;
														
 
															+    }
														
 
															+    .flex {
														
 
															+        display: flex;
														
 
															+        width: 200px;
														
 
															+        height: 200px;
														
 
															+        background: pink;
														
 
															+        justify-content: normal;
														
 
															+    }
														
 
															+    .item {
														
 
															+        width: 100px;
														
 
															+        height: 100px;
														
 
															+        background: orange;
														
 
															+    }
														
 
															+</style><body><div class="flex row"><div class="item"></div></div><div class="flex column"><div class="item"></div></div>
														
--- a/Userland/Libraries/LibWeb/Layout/FlexFormattingContext.cpp
+++ b/Userland/Libraries/LibWeb/Layout/FlexFormattingContext.cpp
@@ -1319,10 +1319,10 @@ void FlexFormattingContext::distribute_any_remaining_free_space()
 
															         if (auto_margins == 0 && number_of_items > 0) {
														
 
															             switch (flex_container().computed_values().justify_content()) {
														
 
															             case CSS::JustifyContent::Start:
														
 
															-            case CSS::JustifyContent::Stretch:
														
 
															-            case CSS::JustifyContent::Normal:
														
 
															                 initial_offset = 0;
														
 
															                 break;
														
 
															+            case CSS::JustifyContent::Stretch:
														
 
															+            case CSS::JustifyContent::Normal:
														
 
															             case CSS::JustifyContent::FlexStart:
														
 
															                 if (is_direction_reverse()) {
														
 
															                     initial_offset = inner_main_size(flex_container());
														
@@ -2225,10 +2225,10 @@ CSSPixelPoint FlexFormattingContext::calculate_static_position(Box const& box) c
 
															     CSSPixels main_offset = 0;
														
 
															     switch (flex_container().computed_values().justify_content()) {
														
 
															     case CSS::JustifyContent::Start:
														
 
															-    case CSS::JustifyContent::Stretch:
														
 
															-    case CSS::JustifyContent::Normal:
														
 
															         pack_from_end = false;
														
 
															         break;
														
 
															+    case CSS::JustifyContent::Stretch:
														
 
															+    case CSS::JustifyContent::Normal:
														
 
															     case CSS::JustifyContent::FlexStart:
														
 
															     case CSS::JustifyContent::SpaceBetween:
														
 
															         pack_from_end = is_direction_reverse();