LibWeb: Allow descendant boxes to contribute in overflow rect of parent

...with inline children. This fixes an issue when we ignore abspos boxes contained by PaintableWithLines while calculating overflow rect size. Lots of layout tests are affected, because now PaintableWithLines has overflow rect. `Text/input/DOM/Element-set-scroll-left.html` is also affected and now matches other browsers.
Author: https://github.com/kalenikaliaksandr Commit: 9e232a70c3 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5312
2025-08-08 09:09:43 +00:00 · 2025-07-05 17:05:55 +02:00 · 2025-07-05 17:05:55 +02:00 · 9e232a70c3 · 2025-07-06 15:11:19 +00:00
commit 9e232a70c3
parent 5baa85cbee
54 changed files with 171 additions and 160 deletions
--- a/Libraries/LibWeb/Layout/LayoutState.cpp
+++ b/Libraries/LibWeb/Layout/LayoutState.cpp
@ -77,49 +77,47 @@ static CSSPixelRect measure_scrollable_overflow(Box const& box)
    // - The border boxes of all boxes for which it is the containing block
    //   and whose border boxes are positioned not wholly in the negative scrollable overflow region,
    //   FIXME: accounting for transforms by projecting each box onto the plane of the element that establishes its 3D rendering context. [CSS3-TRANSFORMS]
-    if (!box.children_are_inline()) {
-        box.for_each_in_subtree_of_type<Box>([&box, &scrollable_overflow_rect, &content_overflow_rect](Box const& child) {
-            if (!child.paintable_box())
-                return TraversalDecision::Continue;
-
-            if (child.containing_block() != &box)
-                return TraversalDecision::Continue;
-
-            // https://drafts.csswg.org/css-position/#fixed-positioning-containing-block
-            // [..] As a result, parts of fixed-positioned boxes that extend outside the layout viewport/page area
-            //      cannot be scrolled to and will not print.
-            // FIXME: Properly establish the fixed positioning containing block for `position: fixed`
-            if (child.is_fixed_position())
-                return TraversalDecision::Continue;
-
-            auto child_border_box = child.paintable_box()->absolute_border_box_rect();
-
-            // Border boxes with zero area do not affect the scrollable overflow area.
-            if (child_border_box.is_empty())
-                return TraversalDecision::Continue;
-
-            // NOTE: Here we check that the child is not wholly in the negative scrollable overflow region.
-            if (child_border_box.bottom() < 0 || child_border_box.right() < 0)
-                return TraversalDecision::Continue;
-
-            scrollable_overflow_rect.unite(child_border_box);
-            content_overflow_rect.unite(child_border_box);
-
-            // - The scrollable overflow areas of all of the above boxes
-            //   (including zero-area boxes and accounting for transforms as described above),
-            //   provided they themselves have overflow: visible (i.e. do not themselves trap the overflow)
-            //   and that scrollable overflow is not already clipped (e.g. by the clip property or the contain property).
-            if (child.computed_values().overflow_x() == CSS::Overflow::Visible || child.computed_values().overflow_y() == CSS::Overflow::Visible) {
-                auto child_scrollable_overflow = measure_scrollable_overflow(child);
-                if (child.computed_values().overflow_x() == CSS::Overflow::Visible)
-                    scrollable_overflow_rect.unite_horizontally(child_scrollable_overflow);
-                if (child.computed_values().overflow_y() == CSS::Overflow::Visible)
-                    scrollable_overflow_rect.unite_vertically(child_scrollable_overflow);
-            }
-
+    box.for_each_in_subtree_of_type<Box>([&box, &scrollable_overflow_rect, &content_overflow_rect](Box const& child) {
+        if (!child.paintable_box())
            return TraversalDecision::Continue;
-        });
-    }
+
+        if (child.containing_block() != &box)
+            return TraversalDecision::Continue;
+
+        // https://drafts.csswg.org/css-position/#fixed-positioning-containing-block
+        // [..] As a result, parts of fixed-positioned boxes that extend outside the layout viewport/page area
+        //      cannot be scrolled to and will not print.
+        // FIXME: Properly establish the fixed positioning containing block for `position: fixed`
+        if (child.is_fixed_position())
+            return TraversalDecision::Continue;
+
+        auto child_border_box = child.paintable_box()->absolute_border_box_rect();
+
+        // Border boxes with zero area do not affect the scrollable overflow area.
+        if (child_border_box.is_empty())
+            return TraversalDecision::Continue;
+
+        // NOTE: Here we check that the child is not wholly in the negative scrollable overflow region.
+        if (child_border_box.bottom() < 0 || child_border_box.right() < 0)
+            return TraversalDecision::Continue;
+
+        scrollable_overflow_rect.unite(child_border_box);
+        content_overflow_rect.unite(child_border_box);
+
+        // - The scrollable overflow areas of all of the above boxes
+        //   (including zero-area boxes and accounting for transforms as described above),
+        //   provided they themselves have overflow: visible (i.e. do not themselves trap the overflow)
+        //   and that scrollable overflow is not already clipped (e.g. by the clip property or the contain property).
+        if (child.computed_values().overflow_x() == CSS::Overflow::Visible || child.computed_values().overflow_y() == CSS::Overflow::Visible) {
+            auto child_scrollable_overflow = measure_scrollable_overflow(child);
+            if (child.computed_values().overflow_x() == CSS::Overflow::Visible)
+                scrollable_overflow_rect.unite_horizontally(child_scrollable_overflow);
+            if (child.computed_values().overflow_y() == CSS::Overflow::Visible)
+                scrollable_overflow_rect.unite_vertically(child_scrollable_overflow);
+        }
+
+        return TraversalDecision::Continue;
+    });

    // FIXME: - The margin areas of grid item and flex item boxes for which the box establishes a containing block.

--- a/Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt
+++ b/Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt
@ -7,6 +7,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 502x102]
-      PaintableWithLines (BlockContainer<DIV>.image-container) [260,10 250x30.46875] overflow: [261,11 249x28.46875]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x102] overflow: [10,10 501x100]
+      PaintableWithLines (BlockContainer<DIV>.image-container) [260,10 250x30.46875] overflow: [261,11 250x28.46875]
        ImagePaintable (ImageBox<IMG>) [261,11 250x28.46875]
--- a/Tests/LibWeb/Layout/expected/acid1.txt
+++ b/Tests/LibWeb/Layout/expected/acid1.txt
@ -127,12 +127,12 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
    PaintableWithLines (BlockContainer<BODY>) [15,15 490x390]
      PaintableWithLines (BlockContainer(anonymous)) [20,20 480x0]
-      PaintableWithLines (BlockContainer<DL>) [20,20 480x10]
+      PaintableWithLines (BlockContainer<DL>) [20,20 480x10] overflow: [20,20 480x320]
        PaintableWithLines (BlockContainer<DT>) [25,25 79.984375x310]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DD>) [115,25 380x310]
          PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0]
-          PaintableWithLines (BlockContainer<UL>) [135,45 340x0]
+          PaintableWithLines (BlockContainer<UL>) [135,45 340x0] overflow: [135,45 339.96875x250]
            PaintableWithLines (BlockContainer<LI>) [135,45 80x120]
              TextPaintable (TextNode<#text>)
            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.96875x110]
@ -157,7 +157,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
              TextPaintable (TextNode<#text>)
            PaintableWithLines (BlockContainer<LI>#baz) [135,175 120x120]
              TextPaintable (TextNode<#text>)
-          PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0]
+          PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0] overflow: [275,175 200x140]
            PaintableWithLines (BlockContainer<BLOCKQUOTE>) [275,175 70x140]
              PaintableWithLines (BlockContainer(anonymous)) [280,195 50x0]
              PaintableWithLines (BlockContainer<ADDRESS>) [280,195 50x20]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
@ -8,7 +8,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <div.clump> at (4,35) content-size 30x30 inline-block [BFC] children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.40625] overflow: [1,1 798x64]
-    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.40625] overflow: [2,2 796x63]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.40625] overflow: [1,1 798x65]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.40625] overflow: [2,2 796x64]
      PaintableWithLines (BlockContainer<DIV>.clump) [2,2 32x32]
      PaintableWithLines (BlockContainer<DIV>.clump) [3,34 32x32]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/automatic-size-of-block-container-with-inline-children-and-nonempty-floating-child.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/automatic-size-of-block-container-with-inline-children-and-nonempty-floating-child.txt
@ -8,5 +8,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x0]
    PaintableWithLines (BlockContainer<BODY>) [8,8 140x100]
-      PaintableWithLines (BlockContainer<DIV>.black) [8,8 140x100]
+      PaintableWithLines (BlockContainer<DIV>.black) [8,8 140x100] overflow: [58,58 40x40]
        PaintableWithLines (BlockContainer<DIV>.green) [58,58 40x40]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
@ -28,8 +28,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] overflow: [8,8 784x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18] overflow: [8,8 784x100]
        PaintableWithLines (BlockContainer<DIV>.big-float) [8,8 100x100]
        PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x18]
          TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically-2.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically-2.txt
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x150]
    PaintableWithLines (BlockContainer<BODY>) [0,0 200x0] overflow: [0,100 150x50]
-      PaintableWithLines (BlockContainer<UL>) [0,0 200x0]
+      PaintableWithLines (BlockContainer<UL>) [0,0 200x0] overflow: [0,0 150x100]
        PaintableWithLines (BlockContainer<DIV>.red) [0,0 150x50]
        PaintableWithLines (BlockContainer<DIV>.green) [0,50 150x50]
      PaintableWithLines (BlockContainer<DIV>.orange) [0,100 150x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/bfc-float-left-break-vertically.txt
@ -19,10 +19,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
    PaintableWithLines (BlockContainer(anonymous)) [1,1 798x0]
-    PaintableWithLines (BlockContainer<BODY>) [1,1 402x4]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 402x4] overflow: [2,2 400x53]
      PaintableWithLines (BlockContainer(anonymous)) [2,2 400x0]
-      PaintableWithLines (BlockContainer<DIV>.ul) [2,2 400x2]
+      PaintableWithLines (BlockContainer<DIV>.ul) [2,2 400x2] overflow: [3,3 314x52]
        PaintableWithLines (BlockContainer<DIV>.yellow) [3,3 62x52]
        PaintableWithLines (BlockContainer<DIV>.orange) [65,3 252x52]
-      PaintableWithLines (BlockContainer(anonymous)) [2,4 400x0]
+      PaintableWithLines (BlockContainer(anonymous)) [2,4 400x0] overflow: [2,55 102x52]
        PaintableWithLines (BlockContainer<DIV>.green) [2,55 102x52]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float-and-margin-left.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float-and-margin-left.txt
@ -24,7 +24,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x48]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] overflow: [8,8 100x40]
        PaintableWithLines (BlockContainer<DIV>#a) [8,8 100x40]
      PaintableWithLines (BlockContainer<DIV>#b) [108,8 684x22]
        PaintableWithLines (BlockContainer(anonymous)) [109,9 682x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
@ -33,7 +33,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x18]
        PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
-        PaintableWithLines (BlockContainer<DIV>) [108,8 684x0]
+        PaintableWithLines (BlockContainer<DIV>) [108,8 684x0] overflow: [108,8 14.265625x18]
          PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x18]
            TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
@ -47,7 +47,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x36]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-        PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+        PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] overflow: [8,8 57.0625x36]
          PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x36]
            PaintableWithLines (BlockContainer(anonymous)) [8,8 57.0625x0]
            PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
@ -22,7 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x175.875]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] overflow: [8,29.4375 784x146.4375]
        PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x37]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x37]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt
@ -18,9 +18,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x157]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x100]
-        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] overflow: [8,8 100x100]
          PaintableWithLines (BlockContainer<DIV>.square.white) [8,8 100x100]
        PaintableWithLines (BlockContainer<DIV>.clearfix) [8,108 784x0]
-        PaintableWithLines (BlockContainer(anonymous)) [8,108 784x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,108 784x0] overflow: [8,108 49x49]
          PaintableWithLines (BlockContainer<DIV>.square.black) [8,108 49x49]
      PaintableWithLines (BlockContainer(anonymous)) [8,108 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
@ -92,19 +92,19 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x358]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x342]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] overflow: [8,8 784x100]
        PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#righty) [742,8 50x50]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] overflow: [108,8 634x80]
        PaintableWithLines (BlockContainer<DIV>#lefty2) [108,8 80x80]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#righty2) [712,8 30x30]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0] overflow: [188,8 526.78125x40]
        PaintableWithLines (BlockContainer<DIV>#lefty3) [188,8 40x40]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
@ -18,7 +18,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0] overflow: [8,8 52x52]
        PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
      PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
@ -28,7 +28,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 780x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 780x0] overflow: [8,8 780x52]
      PaintableWithLines (BlockContainer<DIV>.left) [8,8 52x52]
        TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.right) [736,8 52x52]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-right-should-not-affect-inline-left.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-right-should-not-affect-inline-left.txt
@ -25,11 +25,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 650x466]
    PaintableWithLines (BlockContainer<BODY>) [8,16 634x388]
-      PaintableWithLines (BlockContainer(anonymous)) [8,16 634x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,16 634x0] overflow: [342,16 300x225]
        PaintableWithLines (BlockContainer<DIV>.a) [342,16 300x225]
      PaintableWithLines (BlockContainer<P>) [8,16 634x72]
        TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer(anonymous)) [8,104 634x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,104 634x0] overflow: [342,241 300x225]
        PaintableWithLines (BlockContainer<DIV>.a) [342,241 300x225]
      PaintableWithLines (BlockContainer<DIV>.b) [8,104 634x300]
      PaintableWithLines (BlockContainer(anonymous)) [8,404 634x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-simultaneously.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-simultaneously.txt
@ -16,7 +16,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
      PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x50]
-      PaintableWithLines (BlockContainer(anonymous)) [8,58 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,58 784x0] overflow: [742,58 50x50]
        PaintableWithLines (BlockContainer<DIV>.b) [742,58 50x50]
        PaintableWithLines (BlockContainer<DIV>.c) [8,108 0x0]
      PaintableWithLines (BlockContainer<DIV>.d) [8,108 784x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-initial-available-space-vs-height.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-initial-available-space-vs-height.txt
@ -16,8 +16,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x414]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x6]
-      PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x6]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x6] overflow: [8,8 784x406]
+      PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x6] overflow: [8,8 100x406]
        TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.b.l) [8,14 100x100]
        PaintableWithLines (BlockContainer<DIV>.c.l) [8,114 30x300]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-intrusions-relative-coordinates.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-intrusions-relative-coordinates.txt
@ -13,6 +13,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x158]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
      PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x50]
-      PaintableWithLines (BlockContainer(anonymous)) [8,58 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,58 784x0] overflow: [8,58 784x100]
        PaintableWithLines (BlockContainer<DIV>.b.bug) [8,58 784x50]
        PaintableWithLines (BlockContainer<DIV>.c.bug) [8,108 784x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-logical.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-logical.txt
@ -12,6 +12,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 784x52]
      PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
      PaintableWithLines (BlockContainer<DIV>#c) [740,8 52x52]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-nested-under-eachother.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-nested-under-eachother.txt
@ -23,8 +23,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>.w500) [8,8 500x0]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 500x0]
-        PaintableWithLines (BlockContainer<DIV>.w400) [8,8 400x0]
+        PaintableWithLines (BlockContainer<DIV>.w400) [8,8 400x0] overflow: [208,8 200x20]
          PaintableWithLines (BlockContainer<DIV>.w200.right.red) [208,8 200x20]
-        PaintableWithLines (BlockContainer(anonymous)) [8,8 500x0]
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 500x0] overflow: [288,28 220x20]
          PaintableWithLines (BlockContainer<DIV>.w220.right.blue) [288,28 220x20]
      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-should-avoid-inline-block.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-should-avoid-inline-block.txt
@ -16,8 +16,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x264]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x24]
-      PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x22]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x24] overflow: [10,10 780x253]
+      PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x22] overflow: [11,11 234.734375x252]
        PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x20]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.float-left) [11,31 234.734375x232]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-offset-by-preceding-float.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-offset-by-preceding-float.txt
@ -23,7 +23,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x54] overflow: [8,16 784x120]
-      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0] overflow: [8,16 50x50]
        PaintableWithLines (BlockContainer<DIV>) [8,16 50x50]
      PaintableWithLines (BlockContainer<P>) [8,16 784x54]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-with-inline-contents-hoisted.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-with-inline-contents-hoisted.txt
@ -25,8 +25,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x308]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x104]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104] overflow: [8,8 784x300]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x104] overflow: [8,8 784x300]
        PaintableWithLines (BlockContainer<DIV>.a) [8,8 100x100]
          PaintableWithLines (BlockContainer<DIV>.box.green) [8,8 100x100]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-with-negative-margins.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-with-negative-margins.txt
@ -8,6 +8,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x48]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,-2 100x50]
      PaintableWithLines (BlockContainer<DIV>.r) [8,-2 50x50]
      PaintableWithLines (BlockContainer<DIV>.g) [58,-2 50x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
@ -14,8 +14,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x36] overflow: [0,0 800x68]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20] overflow: [8,8 784x60]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150.421875,48 110.375x20]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-float-clear.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-float-clear.txt
@ -19,7 +19,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,8 689.5x50]
      PaintableWithLines (BlockContainer(anonymous)) [9,9 687.5x0]
      PaintableWithLines (BlockContainer<DIV>#A) [9,9 687.5x16]
-      PaintableWithLines (BlockContainer(anonymous)) [9,41 687.5x0]
+      PaintableWithLines (BlockContainer(anonymous)) [9,41 687.5x0] overflow: [648.5,41 48x32]
        PaintableWithLines (BlockContainer<DIV>#B) [648.5,41 48x16]
        PaintableWithLines (BlockContainer<DIV>#C) [648.5,57 48x16]
      PaintableWithLines (BlockContainer<DIV>#D) [9,41 687.5x16]
--- a/Tests/LibWeb/Layout/expected/css-pseudo-element-display-list-item.txt
+++ b/Tests/LibWeb/Layout/expected/css-pseudo-element-display-list-item.txt
@ -16,11 +16,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x36]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36] overflow: [0,8 792x36]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x36] overflow: [0,8 792x36]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
          TextPaintable (TextNode<#text>)
-        PaintableWithLines (ListItemBox(anonymous)) [24,26 768x18]
+        PaintableWithLines (ListItemBox(anonymous)) [24,26 768x18] overflow: [0,26 792x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [0,26.5 12x17]
          TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer(anonymous)) [8,44 784x0]
--- a/Tests/LibWeb/Layout/expected/details-closed.txt
+++ b/Tests/LibWeb/Layout/expected/details-closed.txt
@ -15,7 +15,7 @@ ViewportPaintable (Viewport<#document>) [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]
+        PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18] overflow: [8,8 784x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.5 12x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<SLOT>) [8,26 784x0]
--- a/Tests/LibWeb/Layout/expected/details-open.txt
+++ b/Tests/LibWeb/Layout/expected/details-open.txt
@ -22,7 +22,7 @@ ViewportPaintable (Viewport<#document>) [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]
+        PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x18] overflow: [8,8 784x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.5 12x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<SLOT>) [8,26 784x18]
--- a/Tests/LibWeb/Layout/expected/details-summary-default-ua-style.txt
+++ b/Tests/LibWeb/Layout/expected/details-summary-default-ua-style.txt
@ -13,7 +13,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x154]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x138]
      PaintableWithLines (BlockContainer<DETAILS>) [8,8 784x138]
-        PaintableWithLines (ListItemBox<SUMMARY>) [92,68 640x18]
+        PaintableWithLines (ListItemBox<SUMMARY>) [92,68 640x18] overflow: [68,68 664x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [68,68.5 12x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<SLOT>) [68,86 664x0]
--- a/Tests/LibWeb/Layout/expected/inline-block-treat-100pct-width-as-auto.txt
+++ b/Tests/LibWeb/Layout/expected/inline-block-treat-100pct-width-as-auto.txt
@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x85]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 104.484375x74]
-      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 104.484375x74] overflow: [11,11 103.484375x72]
-        PaintableWithLines (BlockContainer(anonymous)) [11,11 102.484375x20] overflow: [11,11 103.484375x20]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 105.484375x74]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 104.484375x74] overflow: [11,11 104.484375x72]
+        PaintableWithLines (BlockContainer(anonymous)) [11,11 102.484375x20] overflow: [11,11 104.484375x20]
          PaintableWithLines (BlockContainer<DIV>.first) [11,11 104.484375x20]
            TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.second) [11,31 52x52]
--- a/Tests/LibWeb/Layout/expected/input-placeholder-with-line-height.txt
+++ b/Tests/LibWeb/Layout/expected/input-placeholder-with-line-height.txt
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x100]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x84]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x84] overflow: [8,7 784x85]
      PaintableWithLines (BlockContainer<INPUT>) [8,7 202x84]
        PaintableBox (Box<DIV>) [9,8 200x82]
          PaintableWithLines (BlockContainer<DIV>) [11,9 98x80]
--- a/Tests/LibWeb/Layout/expected/misc/create-iframes-using-innerhtml.txt
+++ b/Tests/LibWeb/Layout/expected/misc/create-iframes-using-innerhtml.txt
@ -68,7 +68,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>#container) [8,8 784x0]
-        PaintableWithLines (BlockContainer<DIV>) [8,8 1x1] overflow: [8,8 20x290]
+        PaintableWithLines (BlockContainer<DIV>) [8,8 1x1] overflow: [8,8 25x295]
          NavigableContainerViewportPaintable (NavigableContainerViewport<IFRAME>) [13,13 20x20]
          NavigableContainerViewportPaintable (NavigableContainerViewport<IFRAME>) [13,43 20x20]
          NavigableContainerViewportPaintable (NavigableContainerViewport<IFRAME>) [13,73 20x20]
--- a/Tests/LibWeb/Layout/expected/ol-render-deep-hybrid-list-item-list.txt
+++ b/Tests/LibWeb/Layout/expected/ol-render-deep-hybrid-list-item-list.txt
@ -122,27 +122,27 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x368]
      PaintableWithLines (BlockContainer<OL>) [8,16 784x368]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x18] overflow: [25.3125,16 766.6875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,16.5 10.6875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,34 744x18] overflow: [14.03125,34 777.96875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,34.5 21.96875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
        PaintableWithLines (BlockContainer<DIV>) [48,52 744x18]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
-        PaintableWithLines (BlockContainer<DIV>) [48,70 744x72]
+        PaintableWithLines (BlockContainer<DIV>) [48,70 744x72] overflow: [13.75,70 778.25x72]
          PaintableWithLines (BlockContainer(anonymous)) [48,70 744x18]
            TextPaintable (TextNode<#text>)
-          PaintableWithLines (BlockContainer<DIV>) [48,88 744x54]
+          PaintableWithLines (BlockContainer<DIV>) [48,88 744x54] overflow: [13.75,88 778.25x54]
            PaintableWithLines (BlockContainer(anonymous)) [48,88 744x18]
              TextPaintable (TextNode<#text>)
-            PaintableWithLines (BlockContainer<DIV>) [48,106 744x36]
+            PaintableWithLines (BlockContainer<DIV>) [48,106 744x36] overflow: [13.75,106 778.25x36]
              PaintableWithLines (BlockContainer(anonymous)) [48,106 744x18]
                TextPaintable (TextNode<#text>)
-              PaintableWithLines (ListItemBox<DIV>) [48,124 744x18]
+              PaintableWithLines (ListItemBox<DIV>) [48,124 744x18] overflow: [13.75,124 778.25x18]
                MarkerPaintable (ListItemMarkerBox(anonymous)) [13.75,124.5 22.25x17]
                TextPaintable (TextNode<#text>)
              PaintableWithLines (BlockContainer(anonymous)) [48,142 744x0]
@ -157,30 +157,30 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
              TextPaintable (TextNode<#text>)
              PaintableWithLines (InlineNode<SPAN>) [70.65625,192 12.609375x18]
                TextPaintable (TextNode<#text>)
-        PaintableWithLines (ListItemBox<LI>) [48,226 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,226 744x18] overflow: [15.09375,226 776.90625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [15.09375,226.5 20.90625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,244 744x0]
-        PaintableWithLines (BlockContainer<DIV>) [48,244 744x70]
+        PaintableWithLines (BlockContainer<DIV>) [48,244 744x70] overflow: [14.390625,244 777.609375x70]
          PaintableWithLines (BlockContainer(anonymous)) [48,244 744x18]
            TextPaintable (TextNode<#text>)
-          PaintableWithLines (BlockContainer<DIV>) [48,262 744x52]
+          PaintableWithLines (BlockContainer<DIV>) [48,262 744x52] overflow: [14.390625,262 777.609375x52]
            PaintableWithLines (BlockContainer(anonymous)) [48,262 744x18]
              TextPaintable (TextNode<#text>)
-            PaintableWithLines (ListItemBox<P>) [48,296 744x18]
+            PaintableWithLines (ListItemBox<P>) [48,296 744x18] overflow: [14.390625,296 777.609375x18]
              MarkerPaintable (ListItemMarkerBox(anonymous)) [14.390625,296.5 21.609375x17]
              TextPaintable (TextNode<#text>)
            PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0]
        PaintableWithLines (BlockContainer(anonymous)) [48,330 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,330 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,330 744x18] overflow: [14.109375,330 777.890625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.109375,330.5 21.890625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,348 744x0]
-        PaintableWithLines (ListItemBox<SPAN>) [48,348 744x18]
+        PaintableWithLines (ListItemBox<SPAN>) [48,348 744x18] overflow: [14.125,348 777.875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.125,348.5 21.875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,366 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,366 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,366 744x18] overflow: [13.359375,366 778.640625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [13.359375,366.5 22.640625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,384 744x0]
--- a/Tests/LibWeb/Layout/expected/ol-render-item-values.txt
+++ b/Tests/LibWeb/Layout/expected/ol-render-item-values.txt
@ -38,25 +38,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <(anonymous)> at (8,104) content-size 784x0 children: inline
        TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x104]
-    PaintableWithLines (BlockContainer<BODY>) [8,16 784x72]
+ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [-0.84375,0 800.84375x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x104] overflow: [-0.84375,0 800.84375x104]
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x72] overflow: [-0.84375,16 792.84375x72]
      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
-      PaintableWithLines (BlockContainer<OL>) [8,16 784x72]
+      PaintableWithLines (BlockContainer<OL>) [8,16 784x72] overflow: [-0.84375,16 792.84375x72]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x18] overflow: [22.9375,16 769.0625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [22.9375,16.5 13.0625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,34 744x18] overflow: [3.671875,34 788.328125x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [3.671875,34.5 32.328125x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,52 744x18] overflow: [-0.84375,52 792.84375x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [-0.84375,52.5 36.84375x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,70 744x18] overflow: [18.96875,70 773.03125x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [18.96875,70.5 17.03125x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0]
--- a/Tests/LibWeb/Layout/expected/ol-render-style-list-item.txt
+++ b/Tests/LibWeb/Layout/expected/ol-render-style-list-item.txt
@ -68,35 +68,35 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x176]
      PaintableWithLines (BlockContainer<OL>) [8,16 784x176]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x18] overflow: [25.3125,16 766.6875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,16.5 10.6875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,34 744x18] overflow: [14.03125,34 777.96875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,34.5 21.96875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
-        PaintableWithLines (ListItemBox<DIV>) [48,52 744x18]
+        PaintableWithLines (ListItemBox<DIV>) [48,52 744x18] overflow: [13.75,52 778.25x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [13.75,52.5 22.25x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,70 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,70 744x18] overflow: [15.09375,70 776.90625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [15.09375,70.5 20.90625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,88 744x0]
-        PaintableWithLines (ListItemBox<P>) [48,104 744x18]
+        PaintableWithLines (ListItemBox<P>) [48,104 744x18] overflow: [14.390625,104 777.609375x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.390625,104.5 21.609375x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,138 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,138 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,138 744x18] overflow: [14.109375,138 777.890625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.109375,138.5 21.890625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,156 744x0]
-        PaintableWithLines (ListItemBox<SPAN>) [48,156 744x18]
+        PaintableWithLines (ListItemBox<SPAN>) [48,156 744x18] overflow: [14.125,156 777.875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.125,156.5 21.875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,174 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,174 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,174 744x18] overflow: [13.359375,174 778.640625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [13.359375,174.5 22.640625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,192 744x0]
--- a/Tests/LibWeb/Layout/expected/ordered-list.txt
+++ b/Tests/LibWeb/Layout/expected/ordered-list.txt
@ -66,34 +66,34 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x142]
      PaintableWithLines (BlockContainer<OL>) [8,16 784x54]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x18] overflow: [13.25,16 778.75x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [13.25,16.5 22.75x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,34 744x18] overflow: [16.5,34 775.5x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [16.5,34.5 19.5x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,52 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,52 744x18] overflow: [14.03125,52 777.96875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [14.03125,52.5 21.96875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,70 744x0]
      PaintableWithLines (BlockContainer(anonymous)) [8,86 784x0]
      PaintableWithLines (BlockContainer<OL>) [8,86 784x72]
        PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,86 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,86 744x18] overflow: [25.3125,86 766.6875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [25.3125,86.5 10.6875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,104 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,104 744x18] overflow: [23.203125,104 768.796875x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [23.203125,104.5 12.796875x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,122 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,122 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,122 744x18] overflow: [22.921875,122 769.078125x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [22.921875,122.5 13.078125x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,140 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,140 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,140 744x18] overflow: [22.9375,140 769.0625x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [22.9375,140.5 13.0625x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,158 744x0]
--- a/Tests/LibWeb/Layout/expected/position-absolute-top-left.txt
+++ b/Tests/LibWeb/Layout/expected/position-absolute-top-left.txt
@ -40,7 +40,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-        PaintableWithLines (BlockContainer<DIV>.blue.absolute) [208,208 200x200]
+        PaintableWithLines (BlockContainer<DIV>.blue.absolute) [208,208 200x200] overflow: [208,208 400x400]
          PaintableWithLines (BlockContainer<DIV>.red.absolute) [308,308 100x100]
          PaintableWithLines (BlockContainer<DIV>.yellow.absolute) [258,258 100x100]
            PaintableWithLines (BlockContainer<DIV>.black.absolute) [308,308 50x50]
--- a/Tests/LibWeb/Layout/expected/resolve-cyclic-percentage-against-zero-when-available-size-is-min-content.txt
+++ b/Tests/LibWeb/Layout/expected/resolve-cyclic-percentage-against-zero-when-available-size-is-min-content.txt
@ -24,16 +24,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1254]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x1254]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x1236]
-      PaintableWithLines (BlockContainer<DIV>.w.min) [10,10 4x20] overflow: [11,11 3x18]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x1236] overflow: [10,10 780x1235]
+      PaintableWithLines (BlockContainer<DIV>.w.min) [10,10 4x20] overflow: [11,11 4x18]
        ImagePaintable (ImageBox<IMG>) [11,20 4x4]
      PaintableWithLines (BlockContainer(anonymous)) [10,30 780x0]
-      PaintableWithLines (BlockContainer<DIV>.w.max) [10,30 404x406] overflow: [11,31 403x404]
+      PaintableWithLines (BlockContainer<DIV>.w.max) [10,30 404x406] overflow: [11,31 404x404]
        ImagePaintable (ImageBox<IMG>) [11,31 404x404]
      PaintableWithLines (BlockContainer(anonymous)) [10,436 780x0]
-      PaintableWithLines (BlockContainer<DIV>.h.min) [10,436 780x404] overflow: [11,437 778x403]
+      PaintableWithLines (BlockContainer<DIV>.h.min) [10,436 780x404] overflow: [11,437 778x404]
        ImagePaintable (ImageBox<IMG>) [11,437 404x404]
      PaintableWithLines (BlockContainer(anonymous)) [10,840 780x0]
-      PaintableWithLines (BlockContainer<DIV>.h.max) [10,840 780x404] overflow: [11,841 778x403]
+      PaintableWithLines (BlockContainer<DIV>.h.max) [10,840 780x404] overflow: [11,841 778x404]
        ImagePaintable (ImageBox<IMG>) [11,841 404x404]
      PaintableWithLines (BlockContainer(anonymous)) [10,1244 780x0]
--- a/Tests/LibWeb/Layout/expected/set-margin-of-floating-box.txt
+++ b/Tests/LibWeb/Layout/expected/set-margin-of-floating-box.txt
@ -18,7 +18,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
    PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x18]
-      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0] overflow: [8,16 200x100]
        ImagePaintable (ImageBox<IMG>) [8,16 200x100]
      PaintableWithLines (BlockContainer<P>) [8,16 784x18]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/svg-preserve-aspect-ratio.txt
+++ b/Tests/LibWeb/Layout/expected/svg-preserve-aspect-ratio.txt
@ -114,13 +114,13 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
      SVGSVGPaintable (SVGSVGBox<svg>) [228,83 102x52]
        SVGPathPaintable (SVGGeometryBox<circle>) [279,84 50x50]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [338,83 102x52]
+      SVGSVGPaintable (SVGSVGBox<svg>) [338,83 102x52] overflow: [339,84 100x100]
        SVGPathPaintable (SVGGeometryBox<circle>) [339,84 100x100]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [448,83 102x52]
+      SVGSVGPaintable (SVGSVGBox<svg>) [448,83 102x52] overflow: [449,59 100x100]
        SVGPathPaintable (SVGGeometryBox<circle>) [449,59 100x100]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [558,83 102x52]
+      SVGSVGPaintable (SVGSVGBox<svg>) [558,83 102x52] overflow: [559,34 100x100]
        SVGPathPaintable (SVGGeometryBox<circle>) [559,34 100x100]
      TextPaintable (TextNode<#text>)
      SVGSVGPaintable (SVGSVGBox<svg>) [668,8 52x127]
@ -131,13 +131,13 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
      SVGSVGPaintable (SVGSVGBox<svg>) [8,135 52x127]
        SVGPathPaintable (SVGGeometryBox<circle>) [9,211 50x50]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [68,135 52x127]
+      SVGSVGPaintable (SVGSVGBox<svg>) [68,135 52x127] overflow: [69,136 125x125]
        SVGPathPaintable (SVGGeometryBox<circle>) [69,136 125x125]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [128,135 52x127]
+      SVGSVGPaintable (SVGSVGBox<svg>) [128,135 52x127] overflow: [91.5,136 125x125]
        SVGPathPaintable (SVGGeometryBox<circle>) [91.5,136 125x125]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [188,135 52x127]
+      SVGSVGPaintable (SVGSVGBox<svg>) [188,135 52x127] overflow: [114,136 125x125]
        SVGPathPaintable (SVGGeometryBox<circle>) [114,136 125x125]
      TextPaintable (TextNode<#text>)
      SVGSVGPaintable (SVGSVGBox<svg>) [248,200 162x62]
--- a/Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
+++ b/Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
@ -95,7 +95,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x700]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x700]
    PaintableWithLines (BlockContainer<BODY>) [50,50 700x600]
-      SVGSVGPaintable (SVGSVGBox<svg>) [50,150 200x100]
+      SVGSVGPaintable (SVGSVGBox<svg>) [50,150 200x100] overflow: [45.6875,150 204.3125x100]
        SVGGraphicsPaintable (SVGGraphicsBox<g>) [45.6875,199.828125 118.78125x47.453125]
          SVGPathPaintable (SVGGeometryBox<path>) [45.6875,199.828125 118.78125x47.453125]
        SVGGraphicsPaintable (SVGGraphicsBox<g>) [84.5,159.5 81x81]
--- a/Tests/LibWeb/Layout/expected/svg/inline-svg-with-zero-intrinsic-size-and-no-viewbox.txt
+++ b/Tests/LibWeb/Layout/expected/svg/inline-svg-with-zero-intrinsic-size-and-no-viewbox.txt
@ -18,5 +18,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      ImagePaintable (ImageBox<IMG>) [8,21 0x0]
      TextPaintable (TextNode<#text>)
-      SVGSVGPaintable (SVGSVGBox<svg>) [16,21 0x0]
+      SVGSVGPaintable (SVGSVGBox<svg>) [16,21 0x0] overflow: [16,21 1x1]
        SVGPathPaintable (SVGGeometryBox<rect>) [16,21 1x1]
--- a/Tests/LibWeb/Layout/expected/svg/nested-viewports.txt
+++ b/Tests/LibWeb/Layout/expected/svg/nested-viewports.txt
@ -20,7 +20,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
      SVGSVGPaintable (SVGSVGBox<svg>#a) [8,8 200x200]
-        SVGSVGPaintable (SVGSVGBox<svg>#b) [8,8 200x200]
-          SVGSVGPaintable (SVGSVGBox<svg>#c) [8,8 266.671875x266.671875]
+        SVGSVGPaintable (SVGSVGBox<svg>#b) [8,8 200x200] overflow: [8,8 266.671875x266.671875]
+          SVGSVGPaintable (SVGSVGBox<svg>#c) [8,8 266.671875x266.671875] overflow: [8,8 293.34375x293.34375]
            SVGPathPaintable (SVGGeometryBox<rect>) [34.671875,34.671875 266.671875x266.671875]
            SVGPathPaintable (SVGGeometryBox<rect>) [34.671875,34.671875 133.328125x133.328125]
--- a/Tests/LibWeb/Layout/expected/svg/svg-inside-svg-with-xy.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-inside-svg-with-xy.txt
@ -19,7 +19,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
-      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 300x150]
+      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 300x150] overflow: [8,8 500x165]
        SVGSVGPaintable (SVGSVGBox<svg>) [18,8 300x150]
          SVGPathPaintable (SVGGeometryBox<rect>) [27.5,17.5 101x101]
        SVGSVGPaintable (SVGSVGBox<svg>) [208,23 300x150]
--- a/Tests/LibWeb/Layout/expected/svg/svg-line-with-percentage-values.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-line-with-percentage-values.txt
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x408]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x392]
-      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x392]
+      SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x392] overflow: [6.046875,6.046875 787.921875x395.921875]
        SVGPathPaintable (SVGGeometryBox<line>) [6.046875,135.40625 787.921875x3.921875]
        SVGPathPaintable (SVGGeometryBox<line>) [6.046875,264.765625 787.921875x3.921875]
        SVGPathPaintable (SVGGeometryBox<line>) [264.765625,6.046875 3.921875x395.921875]
--- a/Tests/LibWeb/Layout/expected/table/border-spacing-with-percentage-width.txt
+++ b/Tests/LibWeb/Layout/expected/table/border-spacing-with-percentage-width.txt
@ -35,7 +35,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x32]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 783.984375x24]
      PaintableWithLines (BlockContainer<DIV>.left) [8,8 117.59375x18]
        TextPaintable (TextNode<#text>)
      PaintableWithLines (TableWrapper(anonymous)) [125.59375,8 478.234375x24]
--- a/Tests/LibWeb/Layout/expected/ul-render.txt
+++ b/Tests/LibWeb/Layout/expected/ul-render.txt
@ -51,22 +51,22 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
      PaintableWithLines (BlockContainer<UL>.A) [8,16 784x36]
        PaintableWithLines (BlockContainer(anonymous)) [48,16 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x18] overflow: [24,16 768x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [24,16.5 12x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,34 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,34 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,34 744x18] overflow: [24,34 768x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [24,34.5 12x17]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,52 744x0]
      PaintableWithLines (BlockContainer(anonymous)) [8,68 784x0]
      PaintableWithLines (BlockContainer<UL>.B) [8,68 784x36]
        PaintableWithLines (BlockContainer(anonymous)) [48,68 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,68 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,68 744x18] overflow: [40,68 752x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [40,68 4x9]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,86 744x0]
-        PaintableWithLines (ListItemBox<LI>) [48,86 744x18]
+        PaintableWithLines (ListItemBox<LI>) [48,86 744x18] overflow: [40,86 752x18]
          MarkerPaintable (ListItemMarkerBox(anonymous)) [40,86 4x9]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer(anonymous)) [48,104 744x0]
--- a/Tests/LibWeb/Text/expected/DOM/Element-set-scroll-left.txt
+++ b/Tests/LibWeb/Text/expected/DOM/Element-set-scroll-left.txt
@ -1,2 +1,2 @@
-scrollWidth: 1430
-scrollLeft: 1130
+scrollWidth: 1440
+scrollLeft: 1140
--- a/Tests/LibWeb/Text/expected/css/abspos-contributes-overflow-rect-into-containing-block-with-inline-children.txt
+++ b/Tests/LibWeb/Text/expected/css/abspos-contributes-overflow-rect-into-containing-block-with-inline-children.txt
@ -0,0 +1 @@
+#scroller.scrollHeight: 250
--- a/Tests/LibWeb/Text/expected/resize-scrollable-box.txt
+++ b/Tests/LibWeb/Text/expected/resize-scrollable-box.txt
@ -1,2 +1,2 @@
-scrollLeft (before resize): 1130
-scrollLeft (after resize): 830
+scrollLeft (before resize): 1140
+scrollLeft (after resize): 840
--- a/Tests/LibWeb/Text/input/css/abspos-contributes-overflow-rect-into-containing-block-with-inline-children.html
+++ b/Tests/LibWeb/Text/input/css/abspos-contributes-overflow-rect-into-containing-block-with-inline-children.html
@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<script src="../include.js"></script>
+<body>
+    <div id="scroller" style="width: 200px; height: 200px; overflow: auto; position: relative">
+        <div style="width: 100px; height: 100px; position: absolute; background: green; margin-top: 150px;"></div>
+    </div>
+    <script>
+        test(() => {
+            println("#scroller.scrollHeight: " + document.getElementById("scroller").scrollHeight);
+        });
+    </script>
+</body>