пре 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();