logical fixes

FlexLove.lua

@@ -596,12 +596,12 @@ function Element:layoutChildren()
       goto continue
     end
 
-    if self.flexDirection == FlexDirection.VERTICAL then
-      -- Position relative to parent origin
+if self.flexDirection == FlexDirection.VERTICAL then
+       -- Position relative to parent origin along Y-axis (main axis)
        child.x = self.x + (self.margin.left or 0)
        child.y = self.y + currentPos
 
-      -- Apply alignment to vertical axis (alignItems)
+       -- Apply alignment to cross axis (X-axis for vertical flex direction)
        if self.alignItems == AlignItems.FLEX_START then
          -- nothing
        elseif self.alignItems == AlignItems.CENTER then
@@ -691,7 +691,7 @@ function Element:layoutChildren()
          -- This would be handled by the justifyContent logic already, so we'll keep existing behavior
        end
 
-      currentPos = currentPos + (child.height or 0) + self.gap + (self.margin.top or 0) + (self.margin.bottom or 0)
+       currentPos = currentPos + (child.height or 0) + self.gap
     else
       -- Horizontal layout: position relative to parent origin
       child.x = self.x + currentPos + (self.margin.left or 0)

testing/justify-content-tests.lua

@@ -132,8 +132,8 @@ function TestJustifyContent:testFlexEndJustifyContent()
 
   -- With flex-end, children should be positioned at the end of the container
   -- CSS behavior: children positioned at the end (rightmost for horizontal, bottommost for vertical)
-  local totalWidth = child1.w + child2.w + window.gap -- child1.width + child2.width + gap
-  local containerWidth = window.w
+  local totalWidth = child1.width + child2.width + window.gap -- child1.width + child2.width + gap
+  local containerWidth = window.width
   local expectedPosition = containerWidth - totalWidth
 
   luaunit.assertAlmostEquals(child1.x, expectedPosition)