Include padding in outer size of item elements

Author: liZe

tests/layout/test_flex.py

@@ -1784,3 +1784,34 @@ def test_flex_direction_column_next_page():
     assert article.children[0].children[0].children[0].position_y == 0
     assert article.children[1].children[0].children[0].text == 'C'
     assert article.children[1].children[0].children[0].position_y == 2
+
+
+@assert_no_logs
+def test_flex_1_item_padding():
+    page, = render_pages('''
+      <article style="display: flex; width: 100px; font: 2px weasyprint">
+        <div>abc</div>
+        <div style="flex: 1; padding-right: 5em">def</div>
+      </article>
+    ''')
+    html, = page.children
+    body, = html.children
+    article, = body.children
+    div1, div2 = article.children
+    assert div1.border_width() + div2.border_width() == article.width
+
+
+@assert_no_logs
+def test_flex_1_item_padding_direction_column():
+    page, = render_pages('''
+      <article style="display: flex; flex-direction: column; height: 100px;
+                      font: 2px weasyprint">
+        <div>abc</div>
+        <div style="flex: 1; padding-top: 5em">def</div>
+      </article>
+    ''')
+    html, = page.children
+    body, = html.children
+    article, = body.children
+    div1, div2 = article.children
+    assert div1.border_height() + div2.border_height() == article.height

weasyprint/layout/flex.py

@@ -221,14 +221,16 @@ def flex_layout(context, box, bottom_space, skip_stack, containing_block, page_i
             child.flex_base_size = flex_basis
             if main == 'width':
                 child.main_outer_extra = (
-                    child.border_left_width + child.border_right_width)
+                    child.border_left_width + child.border_right_width +
+                    child.padding_left + child.padding_right)
                 if child.margin_left != 'auto':
                     child.main_outer_extra += child.margin_left
                 if child.margin_right != 'auto':
                     child.main_outer_extra += child.margin_right
             else:
                 child.main_outer_extra = (
-                    child.border_top_width + child.border_bottom_width)
+                    child.border_top_width + child.border_bottom_width +
+                    child.padding_top + child.padding_bottom)
                 if child.margin_top != 'auto':
                     child.main_outer_extra += child.margin_top
                 if child.margin_bottom != 'auto':