Meta: Add doctypes to more layout tests

Author: https://github.com/Psychpsyo Commit: 5fad6b1938 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/4594 Reviewed-by: https://github.com/ADKaster ✅ Reviewed-by: https://github.com/AtkinsSJ ✅
2025-06-08 05:27:14 +09:00 · 2025-05-04 16:35:21 +02:00 · 2025-05-04 16:35:21 +02:00 · 5fad6b1938 · 2025-06-07 10:10:54 +00:00
commit 5fad6b1938
parent 9ef9f8d38f
167 changed files with 287 additions and 201 deletions
--- a/Tests/LibWeb/Layout/expected/Element-insertAdjacentHTML.txt
+++ b/Tests/LibWeb/Layout/expected/Element-insertAdjacentHTML.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x232 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x216 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x18 children: inline
        frag 0 from TextNode start: 0, length: 38, rect: [8,8 312.4375x18] baseline: 13.796875
@ -27,7 +27,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x232]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x216]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/abspos-box-bottom-with-max-height.txt
+++ b/Tests/LibWeb/Layout/expected/abspos-box-bottom-with-max-height.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: inline
      BlockContainer <div> at (8,550) content-size 100x50 positioned [BFC] children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,550 100x50]
--- a/Tests/LibWeb/Layout/expected/abspos-not-replaced-multiple-auto-variants.txt
+++ b/Tests/LibWeb/Layout/expected/abspos-not-replaced-multiple-auto-variants.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x0 children: inline
      TextNode <#text>
      BlockContainer <div.only-t-l> at (6,6) content-size 10x10 positioned [BFC] children: not-inline
@ -9,8 +9,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <div.both> at (11,11) content-size 10x10 positioned [BFC] children: not-inline
      TextNode <#text>
-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2]
      PaintableWithLines (BlockContainer<DIV>.only-t-l) [5,5 12x12]
      PaintableWithLines (BlockContainer<DIV>.only-mt-ml) [15,15 12x12]
--- a/Tests/LibWeb/Layout/expected/border-spacing-calc-dont-crash.txt
+++ b/Tests/LibWeb/Layout/expected/border-spacing-calc-dont-crash.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x0 children: inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/calc-font-size-with-percentages.txt
+++ b/Tests/LibWeb/Layout/expected/calc-font-size-with-percentages.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x126 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x110 children: not-inline
      BlockContainer <div.test> at (8,8) content-size 784x110 children: inline
        frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x55] baseline: 41.890625
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x126]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x110]
      PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x110]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/css-calc-border-width.txt
+++ b/Tests/LibWeb/Layout/expected/css-calc-border-width.txt
@ -1,9 +1,9 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x136 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x120 children: not-inline
      BlockContainer <div> at (18,18) content-size 100x100 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x120]
      PaintableWithLines (BlockContainer<DIV>) [8,8 120x120]
--- a/Tests/LibWeb/Layout/expected/css-font-size-math.txt
+++ b/Tests/LibWeb/Layout/expected/css-font-size-math.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x99 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x83 children: inline
      InlineNode <span>
        frag 0 from TextNode start: 0, length: 1, rect: [8,26 39.09375x59] baseline: 44.828125
@ -24,7 +24,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x99]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x83]
      PaintableWithLines (InlineNode<SPAN>)
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/css-host-selector-gets-parsed.txt
+++ b/Tests/LibWeb/Layout/expected/css-host-selector-gets-parsed.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
      BlockContainer <div> at (8,8) content-size 100x100 children: inline
        frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x18] baseline: 13.796875
@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
      PaintableWithLines (BlockContainer<DIV>) [8,8 100x100]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/css-import-rule.txt
+++ b/Tests/LibWeb/Layout/expected/css-import-rule.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x73 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x57 children: inline
      frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.65625x57] baseline: 43.484375
          "Crazy"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x73]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x57]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
+++ b/Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x131 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x115 children: inline
      frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x115] baseline: 87.484375
          "Crazy"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x131]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x115]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/css-invalid-psuedo-compound-selector.txt
+++ b/Tests/LibWeb/Layout/expected/css-invalid-psuedo-compound-selector.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x63 [BFC] children: not-inline
    BlockContainer <body> at (8,20) content-size 784x23 children: not-inline
      BlockContainer <p> at (8,20) content-size 784x23 children: inline
        TextNode <#text>
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
    PaintableWithLines (BlockContainer<BODY>) [8,20 784x23]
      PaintableWithLines (BlockContainer<P>) [8,20 784x23]
        PaintableWithLines (InlineNode<A>)
--- a/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x63 [BFC] children: not-inline
    BlockContainer <body> at (8,20) content-size 784x23 children: not-inline
      BlockContainer <p> at (8,20) content-size 784x23 children: inline
        TextNode <#text>
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
    PaintableWithLines (BlockContainer<BODY>) [8,20 784x23]
      PaintableWithLines (BlockContainer<P>) [8,20 784x23]
        PaintableWithLines (InlineNode<A>)
--- a/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x290 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x274 children: not-inline
      BlockContainer <(anonymous)> at (8,8) content-size 784x226 children: inline
        frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,9 300x150] baseline: 152
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x290]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x274]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x226]
        SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152]
--- a/Tests/LibWeb/Layout/expected/css-namespace-universal-selector.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-universal-selector.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x340 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x324 children: not-inline
      SVGSVGBox <svg> at (18,18) content-size 100x100 [SVG] children: not-inline
      BlockContainer <(anonymous)> at (8,128) content-size 784x0 children: inline
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x340]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x324]
      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 120x120]
      PaintableWithLines (BlockContainer(anonymous)) [8,128 784x0]
--- a/Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt
+++ b/Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
      Box <div.foo> at (8,8) content-size 784x18 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 28.40625x18 flex-item [BFC] children: inline
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableBox (Box<DIV>.foo) [8,8 784x18]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x18]
--- a/Tests/LibWeb/Layout/expected/css-pseudo-element-display-list-item.txt
+++ b/Tests/LibWeb/Layout/expected/css-pseudo-element-display-list-item.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x36 children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
@ -15,7 +15,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x36]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
--- a/Tests/LibWeb/Layout/expected/css-rect-value-with-calc-dont-crash.txt
+++ b/Tests/LibWeb/Layout/expected/css-rect-value-with-calc-dont-crash.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x0 children: inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/css-round-function-with-percentage-value.txt
+++ b/Tests/LibWeb/Layout/expected/css-round-function-with-percentage-value.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
      BlockContainer <div.wrapper> at (8,8) content-size 200x18 children: not-inline
        BlockContainer <div.box> at (48,8) content-size 100x18 children: inline
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 200x18]
        PaintableWithLines (BlockContainer<DIV>.box) [8,8 140x18]
--- a/Tests/LibWeb/Layout/expected/css-snap-a-length-as-a-border-width.txt
+++ b/Tests/LibWeb/Layout/expected/css-snap-a-length-as-a-border-width.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x220 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x204 children: not-inline
      BlockContainer <div.a> at (9,9) content-size 100x100 children: not-inline
      BlockContainer <div.b> at (9,111) content-size 100x100 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x220]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x204]
      PaintableWithLines (BlockContainer<DIV>.a) [8,8 102x102]
      PaintableWithLines (BlockContainer<DIV>.b) [8,110 102x102]
--- a/Tests/LibWeb/Layout/expected/css-text-transform-math-auto.txt
+++ b/Tests/LibWeb/Layout/expected/css-text-transform-math-auto.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x18 children: not-inline
      BlockContainer <p> at (8,16) content-size 784x18 children: inline
        frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x18] baseline: 13.796875
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x18]
      PaintableWithLines (BlockContainer<P>) [8,16 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/details-closed.txt
+++ b/Tests/LibWeb/Layout/expected/details-closed.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
      BlockContainer <details> at (8,8) content-size 784x18 children: not-inline
        ListItemBox <summary> at (32,8) content-size 760x18 children: inline
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x18]
        PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18]
--- a/Tests/LibWeb/Layout/expected/details-open.txt
+++ b/Tests/LibWeb/Layout/expected/details-open.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      BlockContainer <details> at (8,8) content-size 784x36 children: not-inline
        ListItemBox <summary> at (32,8) content-size 760x18 children: inline
@ -19,7 +19,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x36]
        PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18]
--- a/Tests/LibWeb/Layout/expected/dialog-open-modal.txt
+++ b/Tests/LibWeb/Layout/expected/dialog-open-modal.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: inline
      TextNode <#text>
  BlockContainer <(anonymous)> at (0,0) content-size 800x600 positioned [BFC] children: not-inline
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
  PaintableWithLines (BlockContainer(anonymous)) [0,0 800x600]
  PaintableBox (Box<DIALOG>#modal) [339.84375,272 120.3125x56]
--- a/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt
+++ b/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: inline
      BlockContainer <dialog> at (358.84375,27) content-size 82.3125x18 positioned [BFC] children: inline
        TextNode <#text>
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIALOG>) [339.84375,8 120.3125x56]
        PaintableWithLines (InlineNode<SPAN>)
--- a/Tests/LibWeb/Layout/expected/div_align_nested.txt
+++ b/Tests/LibWeb/Layout/expected/div_align_nested.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x270 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x254 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x254 children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
@ -24,7 +24,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x270]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x254]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x254]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
--- a/Tests/LibWeb/Layout/expected/document-write-incomplete-tag.txt
+++ b/Tests/LibWeb/Layout/expected/document-write-incomplete-tag.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x86 children: not-inline
      BlockContainer <p> at (8,16) content-size 784x18 children: inline
        frag 0 from TextNode start: 0, length: 4, rect: [8,16 30.078125x18] baseline: 13.796875
@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x86]
      PaintableWithLines (BlockContainer<P>) [8,16 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/element-use-pseudo-element.txt
+++ b/Tests/LibWeb/Layout/expected/element-use-pseudo-element.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x39 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x23 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [8,13 300x12] baseline: 12
      BlockContainer <progress#a> at (8,13) content-size 300x12 inline-block [BFC] children: not-inline
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x23]
      PaintableWithLines (BlockContainer<PROGRESS>#a) [8,13 300x12] overflow: [8,13 300x14]
        PaintableWithLines (BlockContainer<DIV>) [8,13 300x14]
--- a/Tests/LibWeb/Layout/expected/fieldset-with-rendered-legend.txt
+++ b/Tests/LibWeb/Layout/expected/fieldset-with-rendered-legend.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x39 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x23 children: not-inline
      FieldSetBox <fieldset> at (24,15.59375) content-size 752x3.40625 [BFC] children: not-inline
        LegendBox <legend> at (26,1) content-size 36.328125x18 children: inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x23] overflow: [8,1 784x38]
      FieldSetPaintable (FieldSetBox<FIELDSET>) [10,8 780x23] overflow: [12,1 776x38]
        PaintableWithLines (LegendBox<LEGEND>) [24,1 40.328125x18]
--- a/Tests/LibWeb/Layout/expected/flex-auto.txt
+++ b/Tests/LibWeb/Layout/expected/flex-auto.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 502x104] overflow: [9,9 500.015625x102]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 166.671875x102]
--- a/Tests/LibWeb/Layout/expected/flex-column-constained-wrap.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-constained-wrap.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
      Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
      PaintableBox (Box<DIV>.container.column) [8,8 252x252]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
--- a/Tests/LibWeb/Layout/expected/flex-column-constrained-nowrap.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-constrained-nowrap.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
      Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
      PaintableBox (Box<DIV>.container.column) [8,8 784x252]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
--- a/Tests/LibWeb/Layout/expected/flex-column-height-constrained-width-constrained.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-height-constrained-width-constrained.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
      Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
      PaintableBox (Box<DIV>.container.column) [8,8 252x252]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
--- a/Tests/LibWeb/Layout/expected/flex-column-height-constrained.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-height-constrained.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x268 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x252 children: not-inline
      Box <div.container> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x268]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
      PaintableBox (Box<DIV>.container) [8,8 784x252]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
--- a/Tests/LibWeb/Layout/expected/flex-column-height-unconstrained.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-height-unconstrained.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x324 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x308 children: not-inline
      Box <div.my-container.column> at (9,9) content-size 782x306 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x324]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x308]
      PaintableBox (Box<DIV>.my-container.column) [8,8 784x308]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
--- a/Tests/LibWeb/Layout/expected/flex-container-constrained-nowrap.txt
+++ b/Tests/LibWeb/Layout/expected/flex-container-constrained-nowrap.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 252x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.328125x102]
--- a/Tests/LibWeb/Layout/expected/flex-container-constrained-wrap.txt
+++ b/Tests/LibWeb/Layout/expected/flex-container-constrained-wrap.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x222 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x206 children: not-inline
      Box <div.container> at (9,9) content-size 250x204 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x222]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x206]
      PaintableBox (Box<DIV>.container) [8,8 252x206]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
--- a/Tests/LibWeb/Layout/expected/flex-container-width-constrained.txt
+++ b/Tests/LibWeb/Layout/expected/flex-container-width-constrained.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container.width-constrained) [8,8 252x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.328125x102]
--- a/Tests/LibWeb/Layout/expected/flex-grow-0-column.txt
+++ b/Tests/LibWeb/Layout/expected/flex-grow-0-column.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x78 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x62 children: not-inline
      Box <div.container> at (9,9) content-size 500x60 flex-container(column) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x78]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x62]
      PaintableBox (Box<DIV>.container) [8,8 502x62]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x20]
--- a/Tests/LibWeb/Layout/expected/flex-grow-1.txt
+++ b/Tests/LibWeb/Layout/expected/flex-grow-1.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 502x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 231.328125x102]
--- a/Tests/LibWeb/Layout/expected/flex-grow-2.txt
+++ b/Tests/LibWeb/Layout/expected/flex-grow-2.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 502x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 84.328125x102]
--- a/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt
+++ b/Tests/LibWeb/Layout/expected/flex-item-vertical-padding-relative-to-flex-container-width.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x30 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x12 children: not-inline
      BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
        TextNode <#text>
@ -13,8 +13,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text>
-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x32] overflow: [1,1 798x210]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x14] overflow: [10,10 780x201]
      PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
      PaintableBox (Box<DIV>.flex-container) [10,10 602x12] overflow: [11,11 600x200]
--- a/Tests/LibWeb/Layout/expected/flex-margin-auto-justify-content.txt
+++ b/Tests/LibWeb/Layout/expected/flex-margin-auto-justify-content.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x70 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x54 children: not-inline
      Box <div.container> at (9,9) content-size 600x52 flex-container(row) [FFC] children: not-inline
        BlockContainer <div.box> at (20,10) content-size 150x50 flex-item [BFC] children: inline
@ -18,7 +18,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54]
      PaintableBox (Box<DIV>.container) [8,8 602x54]
        PaintableWithLines (BlockContainer<DIV>.box) [19,9 152x52]
--- a/Tests/LibWeb/Layout/expected/flex-row.txt
+++ b/Tests/LibWeb/Layout/expected/flex-row.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 782x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 784x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
--- a/Tests/LibWeb/Layout/expected/flex-shrink-1.txt
+++ b/Tests/LibWeb/Layout/expected/flex-shrink-1.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -32,7 +32,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 252x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 64.671875x102]
--- a/Tests/LibWeb/Layout/expected/flex-shrink-2.txt
+++ b/Tests/LibWeb/Layout/expected/flex-shrink-2.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 502x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 49x102]
--- a/Tests/LibWeb/Layout/expected/flex-shrink-3.txt
+++ b/Tests/LibWeb/Layout/expected/flex-shrink-3.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x120 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
      Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x120]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
      PaintableBox (Box<DIV>.container) [8,8 502x104]
        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
--- a/Tests/LibWeb/Layout/expected/html-display-contents.txt
+++ b/Tests/LibWeb/Layout/expected/html-display-contents.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 3, rect: [8,8 18.828125x18] baseline: 13.796875
          "lol"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/html-display-inline.txt
+++ b/Tests/LibWeb/Layout/expected/html-display-inline.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 3, rect: [8,8 18.828125x18] baseline: 13.796875
          "lol"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/incomplete-input-no-newline-at-eof-should-not-crash.txt
+++ b/Tests/LibWeb/Layout/expected/incomplete-input-no-newline-at-eof-should-not-crash.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 2, rect: [8,8 14.65625x18] baseline: 13.796875
          "</"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/input-as-button-align-center.txt
+++ b/Tests/LibWeb/Layout/expected/input-as-button-align-center.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x316 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x300 children: not-inline
      BlockContainer <input.btn> at (13,10) content-size 290x296 children: not-inline
        BlockContainer <(anonymous)> at (13,10) content-size 290x296 flex-container(column) [FFC] children: not-inline
@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x316]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x300]
      PaintableWithLines (BlockContainer<INPUT>.btn) [8,8 300x300]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 290x296]
--- a/Tests/LibWeb/Layout/expected/input-as-button-shrink-to-fit.txt
+++ b/Tests/LibWeb/Layout/expected/input-as-button-shrink-to-fit.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      BlockContainer <input.btn> at (13,10) content-size 195.796875x32 children: not-inline
        BlockContainer <(anonymous)> at (13,10) content-size 195.796875x32 flex-container(column) [FFC] children: not-inline
@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<INPUT>.btn) [8,8 205.796875x36]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 195.796875x32]
--- a/Tests/LibWeb/Layout/expected/input-file.txt
+++ b/Tests/LibWeb/Layout/expected/input-file.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 236.65625x22] baseline: 15.796875
      frag 1 from TextNode start: 0, length: 1, rect: [244.65625,10 8x18] baseline: 13.796875
@ -53,7 +53,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
      PaintableWithLines (BlockContainer<INPUT>) [8,8 236.65625x22]
        PaintableWithLines (BlockContainer<BUTTON>) [8,8 104.375x22]
--- a/Tests/LibWeb/Layout/expected/input-image-to-text.txt
+++ b/Tests/LibWeb/Layout/expected/input-image-to-text.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
-      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 198x20] baseline: 14.796875
+      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 200x20] baseline: 14.796875
-      BlockContainer <input> at (9,9) content-size 198x20 inline-block [BFC] children: not-inline
+      BlockContainer <input> at (9,9) content-size 200x20 inline-block [BFC] children: not-inline
-        Box <div> at (11,10) content-size 194x18 flex-container(row) [FFC] children: not-inline
+        Box <div> at (11,10) content-size 196x18 flex-container(row) [FFC] children: not-inline
-          BlockContainer <div> at (11,10) content-size 194x18 flex-item [BFC] children: inline
+          BlockContainer <div> at (11,10) content-size 196x18 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 7, rect: [11,10 55.6875x18] baseline: 13.796875
                "120.png"
            TextNode <#text>
@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
-      PaintableWithLines (BlockContainer<INPUT>) [8,8 200x22]
+      PaintableWithLines (BlockContainer<INPUT>) [8,8 202x22]
-        PaintableBox (Box<DIV>) [9,9 198x20]
+        PaintableBox (Box<DIV>) [9,9 200x20]
-          PaintableWithLines (BlockContainer<DIV>) [11,10 194x18]
+          PaintableWithLines (BlockContainer<DIV>) [11,10 196x18]
            TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/input-image.txt
+++ b/Tests/LibWeb/Layout/expected/input-image.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x276 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x260 children: not-inline
      BlockContainer <form> at (8,8) content-size 784x260 children: inline
        frag 0 from ImageBox start: 0, length: 0, rect: [8,216 48x48] baseline: 48
@ -22,11 +22,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          BlockContainer <(anonymous)> at (8,8) content-size 784x0 flex-container(column) [FFC] children: not-inline
            BlockContainer <(anonymous)> at (8,8) content-size 0x0 [BFC] children: not-inline
        TextNode <#text>
-      BlockContainer <(anonymous)> at (8,284) content-size 784x0 children: inline
+      BlockContainer <(anonymous)> at (8,268) content-size 784x0 children: inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x276]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x260]
      PaintableWithLines (BlockContainer<FORM>) [8,8 784x260]
        ImagePaintable (ImageBox<INPUT>) [8,216 48x48]
@ -40,4 +40,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
        ImagePaintable (ImageBox<INPUT>) [136,8 128x256]
          PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
            PaintableWithLines (BlockContainer(anonymous)) [8,8 0x0]
-      PaintableWithLines (BlockContainer(anonymous)) [8,284 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,268 784x0]
--- a/Tests/LibWeb/Layout/expected/input-password-to-text.txt
+++ b/Tests/LibWeb/Layout/expected/input-password-to-text.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
-      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 198x20] baseline: 14.796875
+      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 200x20] baseline: 14.796875
-      BlockContainer <input> at (9,9) content-size 198x20 inline-block [BFC] children: not-inline
+      BlockContainer <input> at (9,9) content-size 200x20 inline-block [BFC] children: not-inline
-        Box <div> at (11,10) content-size 194x18 flex-container(row) [FFC] children: not-inline
+        Box <div> at (11,10) content-size 196x18 flex-container(row) [FFC] children: not-inline
-          BlockContainer <div> at (11,10) content-size 194x18 flex-item [BFC] children: inline
+          BlockContainer <div> at (11,10) content-size 196x18 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 7, rect: [11,10 61.890625x18] baseline: 13.796875
                "hunter2"
            TextNode <#text>
@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
-      PaintableWithLines (BlockContainer<INPUT>) [8,8 200x22]
+      PaintableWithLines (BlockContainer<INPUT>) [8,8 202x22]
-        PaintableBox (Box<DIV>) [9,9 198x20]
+        PaintableBox (Box<DIV>) [9,9 200x20]
-          PaintableWithLines (BlockContainer<DIV>) [11,10 194x18]
+          PaintableWithLines (BlockContainer<DIV>) [11,10 196x18]
            TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/input-text-to-image.txt
+++ b/Tests/LibWeb/Layout/expected/input-text-to-image.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x136 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x120 children: inline
      frag 0 from ImageBox start: 0, length: 0, rect: [8,8 120x120] baseline: 120
      ImageBox <input> at (8,8) content-size 120x120 inline-block children: not-inline
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x120]
      ImagePaintable (ImageBox<INPUT>) [8,8 120x120]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/input-text-to-password.txt
+++ b/Tests/LibWeb/Layout/expected/input-text-to-password.txt
@ -1,10 +1,10 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
-      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 198x20] baseline: 14.796875
+      frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 200x20] baseline: 14.796875
-      BlockContainer <input> at (9,9) content-size 198x20 inline-block [BFC] children: not-inline
+      BlockContainer <input> at (9,9) content-size 200x20 inline-block [BFC] children: not-inline
-        Box <div> at (11,10) content-size 194x18 flex-container(row) [FFC] children: not-inline
+        Box <div> at (11,10) content-size 196x18 flex-container(row) [FFC] children: not-inline
-          BlockContainer <div> at (11,10) content-size 194x18 flex-item [BFC] children: inline
+          BlockContainer <div> at (11,10) content-size 196x18 flex-item [BFC] children: inline
            frag 0 from TextNode start: 0, length: 7, rect: [11,10 55.5625x18] baseline: 13.796875
                "*******"
            TextNode <#text>
@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
-      PaintableWithLines (BlockContainer<INPUT>) [8,8 200x22]
+      PaintableWithLines (BlockContainer<INPUT>) [8,8 202x22]
-        PaintableBox (Box<DIV>) [9,9 198x20]
+        PaintableBox (Box<DIV>) [9,9 200x20]
-          PaintableWithLines (BlockContainer<DIV>) [11,10 194x18]
+          PaintableWithLines (BlockContainer<DIV>) [11,10 196x18]
            TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/media-query-empty.txt
+++ b/Tests/LibWeb/Layout/expected/media-query-empty.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      BlockContainer <div.first> at (8,8) content-size 784x18 children: inline
        frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x18] baseline: 13.796875
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<DIV>.first) [8,8 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/media-query-resolution.txt
+++ b/Tests/LibWeb/Layout/expected/media-query-resolution.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x94 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x70 children: not-inline
      BlockContainer <p> at (8,16) content-size 784x36 children: inline
        frag 0 from TextNode start: 0, length: 88, rect: [8,16 746.890625x18] baseline: 13.796875
@ -18,7 +18,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x94]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x70]
      PaintableWithLines (BlockContainer<P>) [8,16 784x36]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/multi-code-point-graphemes.txt
+++ b/Tests/LibWeb/Layout/expected/multi-code-point-graphemes.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x86 children: not-inline
      BlockContainer <p> at (8,16) content-size 784x18 children: inline
        frag 0 from TextNode start: 0, length: 11, rect: [8,16 20.3125x18] baseline: 13.796875
@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x86]
      PaintableWithLines (BlockContainer<P>) [8,16 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/non-existing-font-family.txt
+++ b/Tests/LibWeb/Layout/expected/non-existing-font-family.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 77, rect: [8,8 647.140625x18] baseline: 13.796875
          "the same font is supposed to be used for all characters including whitespaces"
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt
+++ b/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x36 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x20 children: not-inline
      BlockContainer <div.fixed_width> at (9,9) content-size 50x18 children: inline
        TextNode <#text>
@ -18,7 +18,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
      PaintableWithLines (BlockContainer<DIV>.fixed_width) [8,8 52x20]
        PaintableWithLines (InlineNode<SPAN>.nowrap)
--- a/Tests/LibWeb/Layout/expected/ordered-list.txt
+++ b/Tests/LibWeb/Layout/expected/ordered-list.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x174 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x142 children: not-inline
      BlockContainer <ol> at (48,16) content-size 744x54 children: not-inline
        BlockContainer <(anonymous)> at (48,16) content-size 744x0 children: inline
@ -62,7 +62,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x174]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x142]
      PaintableWithLines (BlockContainer<OL>) [8,16 784x54]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
--- a/Tests/LibWeb/Layout/expected/overflow-x-hidden-with-border-radius.txt
+++ b/Tests/LibWeb/Layout/expected/overflow-x-hidden-with-border-radius.txt
@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x102 children: not-inline
      BlockContainer <div.box> at (9,9) content-size 100x100 positioned [BFC] children: not-inline
      BlockContainer <(anonymous)> at (8,110) content-size 784x0 children: inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x102]
      PaintableWithLines (BlockContainer<DIV>.box) [8,8 102x102]
      PaintableWithLines (BlockContainer(anonymous)) [8,110 784x0]
--- a/Tests/LibWeb/Layout/expected/popovertarget-button.txt
+++ b/Tests/LibWeb/Layout/expected/popovertarget-button.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [13,19 0x0] baseline: 4
      BlockContainer <button#button> at (13,19) content-size 0x0 inline-block [BFC] children: not-inline
@ -18,7 +18,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
    TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (BlockContainer<BUTTON>#button) [8,17 10x4]
        PaintableWithLines (BlockContainer(anonymous)) [13,19 0x0]
--- a/Tests/LibWeb/Layout/expected/position-absolute-from-edges.txt
+++ b/Tests/LibWeb/Layout/expected/position-absolute-from-edges.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x16 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: inline
      BlockContainer <div#container> at (28,28) content-size 500x400 positioned [BFC] children: inline
        TextNode <#text>
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>#container) [8,8 540x440]
        PaintableWithLines (BlockContainer<DIV>#red) [48,48 120x120]
--- a/Tests/LibWeb/Layout/expected/pre.txt
+++ b/Tests/LibWeb/Layout/expected/pre.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      InlineNode <pre>
        frag 0 from TextNode start: 0, length: 3, rect: [9,10 16.15625x15] baseline: 11.390625
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (InlineNode<PRE>)
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/replaced-box-with-vertical-margins.txt
+++ b/Tests/LibWeb/Layout/expected/replaced-box-with-vertical-margins.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x233 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x217 children: inline
      frag 0 from TextNode start: 0, length: 6, rect: [8,207 43.125x18] baseline: 13.796875
          "Well, "
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x233]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x217]
      TextPaintable (TextNode<#text>)
      ImagePaintable (ImageBox<IMG>#image) [51.125,33 64x138]
--- a/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt
+++ b/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: not-inline
      BlockContainer <div#container> at (8,8) content-size 784x18 children: inline
        InlineNode <span>
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      PaintableWithLines (BlockContainer<DIV>#container) [8,8 784x18]
        PaintableWithLines (InlineNode<SPAN>)
--- a/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt
+++ b/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x54 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x38 children: not-inline
      BlockContainer <div.fixed_width> at (9,9) content-size 50x36 children: inline
        TextNode <#text>
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x54]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x38]
      PaintableWithLines (BlockContainer<DIV>.fixed_width) [8,8 52x38]
        PaintableWithLines (InlineNode<SPAN>.nowrap)
--- a/Tests/LibWeb/Layout/expected/srcset-sizes-crash.txt
+++ b/Tests/LibWeb/Layout/expected/srcset-sizes-crash.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from ImageBox start: 0, length: 0, rect: [8,20 1x1] baseline: 1
      frag 1 from TextNode start: 0, length: 19, rect: [9,8 162.109375x18] baseline: 13.796875
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      ImagePaintable (ImageBox<IMG>) [8,20 1x1]
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/svg-preserve-aspect-ratio.txt
+++ b/Tests/LibWeb/Layout/expected/svg-preserve-aspect-ratio.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x274 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x258 children: inline
      frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,84 100x50] baseline: 52
      frag 1 from TextNode start: 0, length: 1, rect: [110,121 8x18] baseline: 13.796875
@ -103,7 +103,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x274]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x258]
      SVGSVGPaintable (SVGSVGBox<svg>) [8,83 102x52]
        SVGPathPaintable (SVGGeometryBox<circle>) [34,84 50x50]
--- a/Tests/LibWeb/Layout/expected/svg-text-with-percentage-values.txt
+++ b/Tests/LibWeb/Layout/expected/svg-text-with-percentage-values.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x277.328125 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x261.328125 children: inline
      frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 784x261.328125] baseline: 261.328125
      SVGSVGBox <svg> at (8,8) content-size 784x261.328125 [SVG] children: inline
@ -20,7 +20,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x277.328125]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x261.328125]
      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x261.328125]
        SVGPathPaintable (SVGTextBox<text>.small) [89.46875,67.40625 46.46875x35.578125]
--- a/Tests/LibWeb/Layout/expected/svg-text-with-viewbox.txt
+++ b/Tests/LibWeb/Layout/expected/svg-text-with-viewbox.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x277.328125 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x261.328125 children: inline
      frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 784x261.328125] baseline: 261.328125
      SVGSVGBox <svg> at (8,8) content-size 784x261.328125 [SVG] children: inline
@ -20,7 +20,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x277.328125]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x261.328125]
      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x261.328125]
        SVGPathPaintable (SVGTextBox<text>.small) [76.40625,90.28125 46.46875x35.578125]
--- a/Tests/LibWeb/Layout/expected/textarea-reset.txt
+++ b/Tests/LibWeb/Layout/expected/textarea-reset.txt
@ -1,26 +1,26 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x28 children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
-      BlockContainer <form#form> at (8,8) content-size 784x28 children: inline
+      BlockContainer <form#form> at (8,8) content-size 784x34 children: inline
-        frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 154x22] baseline: 14.390625
+        frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 160x28] baseline: 14.390625
        TextNode <#text>
-        BlockContainer <textarea#textarea> at (11,11) content-size 154x22 inline-block [BFC] children: not-inline
+        BlockContainer <textarea#textarea> at (11,11) content-size 160x28 inline-block [BFC] children: not-inline
-          BlockContainer <div> at (11,11) content-size 154x15 children: not-inline
+          BlockContainer <div> at (11,11) content-size 160x15 children: not-inline
-            BlockContainer <div> at (11,11) content-size 154x15 children: inline
+            BlockContainer <div> at (11,11) content-size 160x15 children: inline
              frag 0 from TextNode start: 0, length: 14, rect: [11,11 88.109375x15] baseline: 11.390625
                  "Original value"
              TextNode <#text>
        TextNode <#text>
-      BlockContainer <(anonymous)> at (8,52) content-size 784x0 children: inline
+      BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x28]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
-      PaintableWithLines (BlockContainer<FORM>#form) [8,8 784x28]
+      PaintableWithLines (BlockContainer<FORM>#form) [8,8 784x34]
-        PaintableWithLines (BlockContainer<TEXTAREA>#textarea) [8,8 160x28]
+        PaintableWithLines (BlockContainer<TEXTAREA>#textarea) [8,8 166x34]
-          PaintableWithLines (BlockContainer<DIV>) [11,11 154x15]
+          PaintableWithLines (BlockContainer<DIV>) [11,11 160x15]
-            PaintableWithLines (BlockContainer<DIV>) [11,11 154x15]
+            PaintableWithLines (BlockContainer<DIV>) [11,11 160x15]
              TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer(anonymous)) [8,52 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
--- a/Tests/LibWeb/Layout/expected/tolerate-css-percentage-overshoot.txt
+++ b/Tests/LibWeb/Layout/expected/tolerate-css-percentage-overshoot.txt
@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x108 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 500x0 children: not-inline
      BlockContainer <div.larg.red> at (8,8) content-size 208.328125x100 floating [BFC] children: not-inline
      BlockContainer <div.larg.green> at (216.328125,8) content-size 208.328125x100 floating [BFC] children: not-inline
      BlockContainer <div.smol.blue> at (424.65625,8) content-size 83.328125x100 floating [BFC] children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
    PaintableWithLines (BlockContainer<BODY>) [8,8 500x0] overflow: [8,8 499.984375x100]
      PaintableWithLines (BlockContainer<DIV>.larg.red) [8,8 208.328125x100]
      PaintableWithLines (BlockContainer<DIV>.larg.green) [216.328125,8 208.328125x100]
--- a/Tests/LibWeb/Layout/expected/transform-calc-length-values.txt
+++ b/Tests/LibWeb/Layout/expected/transform-calc-length-values.txt
@ -1,7 +1,7 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
    BlockContainer <body> at (9,9) content-size 100x100 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
    PaintableWithLines (BlockContainer<BODY>) [8,8 102x102]
--- a/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt
+++ b/Tests/LibWeb/Layout/expected/vertical-padding-relative-to-cb-width.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x30 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x12 children: not-inline
      BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
        TextNode <#text>
@ -15,8 +15,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
              "bar"
          TextNode <#text>
-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x32] overflow: [1,1 798x228]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x14] overflow: [10,10 780x219]
      PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
      PaintableWithLines (BlockContainer<DIV>.cb) [10,10 602x12] overflow: [11,11 600x218]
--- a/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt
+++ b/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x166 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x150 children: inline
      frag 0 from ImageBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
      ImageBox <img> at (8,8) content-size 300x150 children: not-inline
@ -9,6 +9,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
      ImagePaintable (ImageBox<IMG>) [8,8 300x150]
--- a/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt
+++ b/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x166 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x150 children: inline
      frag 0 from ImageBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
      ImageBox <img> at (8,8) content-size 300x150 children: not-inline
@ -8,6 +8,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          SVGSVGBox <svg> at (0,0) content-size 300x150 [SVG] children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
      ImagePaintable (ImageBox<IMG>) [8,8 300x150]
--- a/Tests/LibWeb/Layout/input/Element-insertAdjacentHTML.html
+++ b/Tests/LibWeb/Layout/input/Element-insertAdjacentHTML.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    #container {
        border: 1px solid #000;
--- a/Tests/LibWeb/Layout/input/abspos-box-bottom-with-max-height.html
+++ b/Tests/LibWeb/Layout/input/abspos-box-bottom-with-max-height.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 div {
    position: absolute;
--- a/Tests/LibWeb/Layout/input/abspos-not-replaced-multiple-auto-variants.html
+++ b/Tests/LibWeb/Layout/input/abspos-not-replaced-multiple-auto-variants.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 *  { border: 1px solid black; }
 div {
--- a/Tests/LibWeb/Layout/input/border-spacing-calc-dont-crash.html
+++ b/Tests/LibWeb/Layout/input/border-spacing-calc-dont-crash.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 div {
    border-spacing: calc(2px);
--- a/Tests/LibWeb/Layout/input/calc-font-size-with-percentages.html
+++ b/Tests/LibWeb/Layout/input/calc-font-size-with-percentages.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    .test {
        font-size: calc(1em + 200%);
--- a/Tests/LibWeb/Layout/input/css-calc-border-width.html
+++ b/Tests/LibWeb/Layout/input/css-calc-border-width.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    div {
        width: 100px;
--- a/Tests/LibWeb/Layout/input/css-dir-selector.html
+++ b/Tests/LibWeb/Layout/input/css-dir-selector.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    div {
        width: 100px;
--- a/Tests/LibWeb/Layout/input/css-font-size-math.html
+++ b/Tests/LibWeb/Layout/input/css-font-size-math.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    body {
        font: 72px SerenitySans;
--- a/Tests/LibWeb/Layout/input/css-host-selector-gets-parsed.html
+++ b/Tests/LibWeb/Layout/input/css-host-selector-gets-parsed.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 :host, div { 
    width: 100px;
--- a/Tests/LibWeb/Layout/input/css-import-rule.html
+++ b/Tests/LibWeb/Layout/input/css-import-rule.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
@import "css-import-rule-sheet-1.css";
 * {
--- a/Tests/LibWeb/Layout/input/css-imported-sheet-with-media-rule.html
+++ b/Tests/LibWeb/Layout/input/css-imported-sheet-with-media-rule.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
@import "css-imported-sheet-with-media-rule.css";
 * {
--- a/Tests/LibWeb/Layout/input/css-invalid-psuedo-compound-selector.html
+++ b/Tests/LibWeb/Layout/input/css-invalid-psuedo-compound-selector.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <div>
 <style>
 :host(:thing) {}
--- a/Tests/LibWeb/Layout/input/css-namespace-rule-matches.html
+++ b/Tests/LibWeb/Layout/input/css-namespace-rule-matches.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    * {
        font: 20px SerenitySans;
--- a/Tests/LibWeb/Layout/input/css-namespace-rule-no-match.html
+++ b/Tests/LibWeb/Layout/input/css-namespace-rule-no-match.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
    * {
        font: 20px SerenitySans;
--- a/Tests/LibWeb/Layout/input/css-namespace-tag-name-selector.html
+++ b/Tests/LibWeb/Layout/input/css-namespace-tag-name-selector.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
@namespace s "http://www.w3.org/2000/svg";
--- a/Tests/LibWeb/Layout/input/css-namespace-universal-selector.html
+++ b/Tests/LibWeb/Layout/input/css-namespace-universal-selector.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
@namespace s "http://www.w3.org/2000/svg";
--- a/Tests/LibWeb/Layout/input/css-pseudo-element-blockification.html
+++ b/Tests/LibWeb/Layout/input/css-pseudo-element-blockification.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 * {
    font: 16px SerenitySans;
--- a/Tests/LibWeb/Layout/input/css-pseudo-element-display-list-item.html
+++ b/Tests/LibWeb/Layout/input/css-pseudo-element-display-list-item.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 div::after {
    content: "Filler Text";
--- a/Tests/LibWeb/Layout/input/css-rect-value-with-calc-dont-crash.html
+++ b/Tests/LibWeb/Layout/input/css-rect-value-with-calc-dont-crash.html
@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <style>
 div {
    clip: rect(0, 0, 0, calc(2px));
--- a/Show more
+++ b/Show more