We use cookies to ensure you get the best experience on our website
Página inicial Explorar Ajuda
Registrar Entrar
0ct0pu5
/
ladybird
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

LibWeb: Remove rounding division for CSSPixels

Reverts 98926b487c349c21b189d596915fad82375c9117
that regressed: block-and-inline/small-percentage-margin.html
(thrashing layout while window resizing)

Fixes https://github.com/SerenityOS/serenity/issues/22610
Aliaksandr Kalenik 1 ano atrás
pai
7db8b206a8
commit
e7eaf3b566
32 arquivos alterados com 257 adições e 245 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 6 6
      Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt
  2. 20 20
      Tests/LibWeb/Layout/expected/acid1.txt
  3. 15 15
      Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
  4. 19 19
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
  5. 17 0
      Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
  6. 22 22
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
  7. 13 13
      Tests/LibWeb/Layout/expected/block-and-inline/small-percentage-margin.txt
  8. 1 1
      Tests/LibWeb/Layout/expected/css-font-size-math.txt
  9. 7 7
      Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
  10. 6 6
      Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt
  11. 18 18
      Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
  12. 3 3
      Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
  13. 2 2
      Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt
  14. 6 6
      Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
  15. 4 4
      Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
  16. 3 3
      Tests/LibWeb/Layout/expected/grid/justify-items.txt
  17. 3 3
      Tests/LibWeb/Layout/expected/grid/justify-self.txt
  18. 3 3
      Tests/LibWeb/Layout/expected/grid/place-self.txt
  19. 12 12
      Tests/LibWeb/Layout/expected/inline-size.txt
  20. 3 3
      Tests/LibWeb/Layout/expected/place-content-shorthand-property.txt
  21. 8 8
      Tests/LibWeb/Layout/expected/svg-text-with-viewbox.txt
  22. 6 6
      Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
  23. 2 2
      Tests/LibWeb/Layout/expected/svg/svg-different-types-of-opacity.txt
  24. 29 29
      Tests/LibWeb/Layout/expected/table/fixed-layout-percentage-width.txt
  25. 6 6
      Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt
  26. 8 8
      Tests/LibWeb/Layout/expected/table/row-span-and-nested-tables.txt
  27. 12 0
      Tests/LibWeb/Layout/input/block-and-inline/columns-33-percent-width.html
  28. BIN
      Tests/LibWeb/Ref/reference/images/css-backgrounds-ref.png
  29. BIN
      Tests/LibWeb/Ref/reference/images/object-fit-position.png
  30. BIN
      Tests/LibWeb/Ref/reference/images/svg-background-no-natural-size-ref.png
  31. 0 9
      Tests/LibWeb/TestCSSPixels.cpp
  32. 3 11
      Userland/Libraries/LibWeb/PixelUnits.h

+ 6 - 6
Tests/LibWeb/Layout/expected/abspos-box-with-replaced-element.txt
Ver arquivo 

@@ -1,13 +1,13 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 500x100 positioned [BFC] children: not-inline
 
-      BlockContainer <div.image-container> at (261,11) content-size 248x28.484375 positioned [BFC] children: inline
 
-        line 0 width: 250, height: 28.484375, bottom: 28.484375, baseline: 28.484375
 
-          frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x26.484375]
 
-        ImageBox <img> at (262,12) content-size 248x26.484375 children: not-inline
 
+      BlockContainer <div.image-container> at (261,11) content-size 248x28.46875 positioned [BFC] children: inline
 
+        line 0 width: 250, height: 28.46875, bottom: 28.46875, baseline: 28.46875
 
+          frag 0 from ImageBox start: 0, length: 0, rect: [262,12 248x26.46875]
 
+        ImageBox <img> at (262,12) content-size 248x26.46875 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x102]
 
     PaintableWithLines (BlockContainer<BODY>) [9,9 502x102]
 
-      PaintableWithLines (BlockContainer<DIV>.image-container) [260,10 250x30.484375] overflow: [261,11 249x28.484375]
 
-        ImagePaintable (ImageBox<IMG>) [261,11 250x28.484375]
 
+      PaintableWithLines (BlockContainer<DIV>.image-container) [260,10 250x30.46875] overflow: [261,11 249x28.46875]
 
+        ImagePaintable (ImageBox<IMG>) [261,11 250x28.46875]

+ 20 - 20
Tests/LibWeb/Layout/expected/acid1.txt
Ver arquivo 

@@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         TextNode <#text>
 
       BlockContainer <dl> at (25,25) content-size 470x0 children: inline
 
         TextNode <#text>
 
-        BlockContainer <dt> at (40,40) content-size 50x280 floating [BFC] children: inline
 
+        BlockContainer <dt> at (40,40) content-size 49.984375x280 floating [BFC] children: inline
 
           line 0 width: 28.3125, height: 10, bottom: 10, baseline: 8
 
             frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.3125x10]
 
               "toggle"
 
@@ -24,21 +24,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
                   "the way"
 
               TextNode <#text>
 
             TextNode <#text>
 
-            BlockContainer <li#bar> at (235,55) content-size 139.984375x90 floating [BFC] children: not-inline
 
-              BlockContainer <(anonymous)> at (235,55) content-size 139.984375x0 children: inline
 
+            BlockContainer <li#bar> at (235,55) content-size 139.96875x90 floating [BFC] children: not-inline
 
+              BlockContainer <(anonymous)> at (235,55) content-size 139.96875x0 children: inline
 
                 TextNode <#text>
 
-              BlockContainer <p> at (235,55) content-size 139.984375x10 children: inline
 
+              BlockContainer <p> at (235,55) content-size 139.96875x10 children: inline
 
                 line 0 width: 74.3125, height: 10, bottom: 10, baseline: 8
 
                   frag 0 from TextNode start: 0, length: 14, rect: [235,55 74.3125x10]
 
                     "the world ends"
 
                 TextNode <#text>
 
-              BlockContainer <(anonymous)> at (235,65) content-size 139.984375x0 children: inline
 
+              BlockContainer <(anonymous)> at (235,65) content-size 139.96875x0 children: inline
 
                 TextNode <#text>
 
                 InlineNode <form>
 
                   TextNode <#text>
 
                   TextNode <#text>
 
                   TextNode <#text>
 
-              BlockContainer <p> at (235,65) content-size 139.984375x19 children: inline
 
+              BlockContainer <p> at (235,65) content-size 139.96875x19 children: inline
 
                 line 0 width: 39.484375, height: 19, bottom: 19, baseline: 12.5
 
                   frag 0 from TextNode start: 1, length: 5, rect: [235,65 27.484375x19]
 
                     "bang "
 
@@ -46,7 +46,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
                 TextNode <#text>
 
                 RadioButton <input> at (262,65) content-size 12x12 inline-block children: not-inline
 
                 TextNode <#text>
 
-              BlockContainer <p> at (235,84) content-size 139.984375x19 children: inline
 
+              BlockContainer <p> at (235,84) content-size 139.96875x19 children: inline
 
                 line 0 width: 57.15625, height: 19, bottom: 19, baseline: 12.5
 
                   frag 0 from TextNode start: 1, length: 8, rect: [235,84 45.15625x19]
 
                     "whimper "
 
@@ -54,15 +54,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
                 TextNode <#text>
 
                 RadioButton <input> at (280,84) content-size 12x12 inline-block children: not-inline
 
                 TextNode <#text>
 
-              BlockContainer <(anonymous)> at (235,103) content-size 139.984375x0 children: inline
 
+              BlockContainer <(anonymous)> at (235,103) content-size 139.96875x0 children: inline
 
                 TextNode <#text>
 
             TextNode <#text>
 
-            BlockContainer <li> at (409.984375,60) content-size 50x90 floating [BFC] children: inline
 
+            BlockContainer <li> at (409.96875,60) content-size 50x90 floating [BFC] children: inline
 
               line 0 width: 31.578125, height: 10, bottom: 10, baseline: 8
 
-                frag 0 from TextNode start: 0, length: 6, rect: [409.984375,60 31.578125x10]
 
+                frag 0 from TextNode start: 0, length: 6, rect: [409.96875,60 31.578125x10]
 
                   "i grow"
 
               line 1 width: 14.03125, height: 10, bottom: 20, baseline: 8
 
-                frag 0 from TextNode start: 7, length: 3, rect: [409.984375,70 14.03125x10]
 
+                frag 0 from TextNode start: 7, length: 3, rect: [409.96875,70 14.03125x10]
 
                   "old"
 
               TextNode <#text>
 
             TextNode <#text>
 
@@ -140,27 +140,27 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [15,15 490x390]
 
       PaintableWithLines (BlockContainer(anonymous)) [20,20 480x0]
 
       PaintableWithLines (BlockContainer<DL>) [20,20 480x10]
 
-        PaintableWithLines (BlockContainer<DT>) [25,25 80x310]
 
+        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<LI>) [135,45 80x120]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.984375x110]
 
-              PaintableWithLines (BlockContainer(anonymous)) [235,55 139.984375x0]
 
-              PaintableWithLines (BlockContainer<P>) [235,55 139.984375x10]
 
+            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.96875x110]
 
+              PaintableWithLines (BlockContainer(anonymous)) [235,55 139.96875x0]
 
+              PaintableWithLines (BlockContainer<P>) [235,55 139.96875x10]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer(anonymous)) [235,65 139.984375x0]
 
+              PaintableWithLines (BlockContainer(anonymous)) [235,65 139.96875x0]
 
                 InlinePaintable (InlineNode<FORM>)
 
-              PaintableWithLines (BlockContainer<P>) [235,65 139.984375x19]
 
+              PaintableWithLines (BlockContainer<P>) [235,65 139.96875x19]
 
                 TextPaintable (TextNode<#text>)
 
                 RadioButtonPaintable (RadioButton<INPUT>) [262,65 12x12]
 
-              PaintableWithLines (BlockContainer<P>) [235,84 139.984375x19]
 
+              PaintableWithLines (BlockContainer<P>) [235,84 139.96875x19]
 
                 TextPaintable (TextNode<#text>)
 
                 RadioButtonPaintable (RadioButton<INPUT>) [280,84 12x12]
 
-              PaintableWithLines (BlockContainer(anonymous)) [235,103 139.984375x0]
 
-            PaintableWithLines (BlockContainer<LI>) [394.984375,45 80x120]
 
+              PaintableWithLines (BlockContainer(anonymous)) [235,103 139.96875x0]
 
+            PaintableWithLines (BlockContainer<LI>) [394.96875,45 80x120]
 
               TextPaintable (TextNode<#text>)
 
             PaintableWithLines (BlockContainer<LI>#baz) [135,175 120x120]
 
               TextPaintable (TextNode<#text>)

+ 15 - 15
Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
Ver arquivo 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x47.6875 children: inline
 
-      line 0 width: 61.1875, height: 47.6875, bottom: 47.6875, baseline: 33.84375
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.6875]
 
-      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.6875 inline-block [BFC] children: inline
 
-        line 0 width: 61.1875, height: 47.6875, bottom: 47.6875, baseline: 33.84375
 
+    BlockContainer <body> at (8,8) content-size 784x47.671875 children: inline
 
+      line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
 
+      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
 
+        line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
           frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
 
           frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
 
             " "
 
-          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.6875]
 
+          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
 
         TextNode <#text>
 
         BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
 
           line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
 
@@ -16,10 +16,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
               "A"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <button> at (41,10) content-size 23.359375x43.6875 inline-block [BFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.6875 flex-container(column) [FFC] children: not-inline
 
-            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.6875 flex-item [BFC] children: inline
 
-              line 0 width: 23.359375, height: 43.6875, bottom: 43.6875, baseline: 33.84375
 
+        BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
 
+            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: inline
 
+              line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
 
                 frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
 
                   "B"
 
               TextNode <#text>
 
@@ -27,12 +27,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.6875]
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.6875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
 
         PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.6875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.6875]
 
-            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.6875]
 
+        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
 
+          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
+            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
               TextPaintable (TextNode<#text>)

+ 19 - 19
Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
Ver arquivo 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x47.6875 children: inline
 
-      line 0 width: 61.1875, height: 47.6875, bottom: 47.6875, baseline: 33.84375
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.6875]
 
-      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.6875 inline-block [BFC] children: inline
 
-        line 0 width: 61.1875, height: 47.6875, bottom: 47.6875, baseline: 33.84375
 
+    BlockContainer <body> at (8,8) content-size 784x47.671875 children: inline
 
+      line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
 
+      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
 
+        line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
           frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
 
           frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
 
             " "
 
-          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.6875]
 
+          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
 
         TextNode <#text>
 
         BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
 
           line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
 
@@ -16,31 +16,31 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
               "A"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <button> at (41,10) content-size 23.359375x43.6875 inline-block [BFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.6875 flex-container(column) [FFC] children: not-inline
 
-            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.6875 flex-item [BFC] children: not-inline
 
+        BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
 
+            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: not-inline
 
               BlockContainer <(anonymous)> at (41,10) content-size 23.359375x0 children: inline
 
                 TextNode <#text>
 
-              BlockContainer <div> at (41,10) content-size 23.359375x43.6875 children: inline
 
-                line 0 width: 23.359375, height: 43.6875, bottom: 43.6875, baseline: 33.84375
 
+              BlockContainer <div> at (41,10) content-size 23.359375x43.671875 children: inline
 
+                line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
 
                   frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
 
                     "B"
 
                 TextNode <#text>
 
-              BlockContainer <(anonymous)> at (41,53.6875) content-size 23.359375x0 children: inline
 
+              BlockContainer <(anonymous)> at (41,53.671875) content-size 23.359375x0 children: inline
 
                 TextNode <#text>
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.6875]
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.6875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
 
         PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.6875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.6875]
 
-            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.6875]
 
+        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
 
+          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
+            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
               PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x0]
 
-              PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x43.6875]
 
+              PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x43.671875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer(anonymous)) [41,53.6875 23.359375x0]
 
+              PaintableWithLines (BlockContainer(anonymous)) [41,53.671875 23.359375x0]

+ 17 - 0
Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
Ver arquivo 

@@ -0,0 +1,17 @@
 
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
+  BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 620x100 children: inline
 
+      line 0 width: 619.96875, height: 100, bottom: 100, baseline: 100
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 206.65625x100]
 
+        frag 1 from BlockContainer start: 0, length: 0, rect: [215,8 206.65625x100]
 
+        frag 2 from BlockContainer start: 0, length: 0, rect: [421,8 206.65625x100]
 
+      BlockContainer <div> at (8,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
 
+      BlockContainer <div> at (215,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
 
+      BlockContainer <div> at (421,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
 
+
 
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 620x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 206.65625x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [215,8 206.65625x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100]

+ 22 - 22
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
Ver arquivo 

@@ -40,13 +40,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
 
         frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375]
 
           "placerat"
 
-        frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.65625x21.84375]
 
+        frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.640625x21.84375]
 
           " "
 
-        frag 2 from TextNode start: 81, length: 7, rect: [665.65625,97 73.875x21.84375]
 
+        frag 2 from TextNode start: 81, length: 7, rect: [665.640625,97 73.875x21.84375]
 
           "mauris,"
 
-        frag 3 from TextNode start: 88, length: 1, rect: [739.65625,97 29.65625x21.84375]
 
+        frag 3 from TextNode start: 88, length: 1, rect: [739.640625,97 29.640625x21.84375]
 
           " "
 
-        frag 4 from TextNode start: 89, length: 2, rect: [769.3125,97 20.78125x21.84375]
 
+        frag 4 from TextNode start: 89, length: 2, rect: [769.28125,97 20.78125x21.84375]
 
           "ut"
 
       line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
 
         frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375]
 
@@ -88,29 +88,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
 
         frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375]
 
           "rutrum"
 
-        frag 1 from TextNode start: 166, length: 1, rect: [624,184 21.015625x21.84375]
 
+        frag 1 from TextNode start: 166, length: 1, rect: [624,184 21x21.84375]
 
           " "
 
-        frag 2 from TextNode start: 167, length: 4, rect: [645.015625,184 35.09375x21.84375]
 
+        frag 2 from TextNode start: 167, length: 4, rect: [645,184 35.09375x21.84375]
 
           "nisi"
 
-        frag 3 from TextNode start: 171, length: 1, rect: [680.015625,184 21.015625x21.84375]
 
+        frag 3 from TextNode start: 171, length: 1, rect: [680,184 21x21.84375]
 
           " "
 
-        frag 4 from TextNode start: 172, length: 4, rect: [701.03125,184 39.828125x21.84375]
 
+        frag 4 from TextNode start: 172, length: 4, rect: [701,184 39.828125x21.84375]
 
           "eget"
 
-        frag 5 from TextNode start: 176, length: 1, rect: [741.03125,184 21.015625x21.84375]
 
+        frag 5 from TextNode start: 176, length: 1, rect: [741,184 21x21.84375]
 
           " "
 
-        frag 6 from TextNode start: 177, length: 3, rect: [762.046875,184 27.734375x21.84375]
 
+        frag 6 from TextNode start: 177, length: 3, rect: [762,184 27.734375x21.84375]
 
           "dui"
 
       line 9 width: 0, height: 0, bottom: 0, baseline: 0
 
       line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
 
         frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375]
 
           "dictum,"
 
-        frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.59375x21.84375]
 
+        frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x21.84375]
 
           " "
 
-        frag 2 from TextNode start: 189, length: 2, rect: [344.59375,212 23.109375x21.84375]
 
+        frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x21.84375]
 
           "eu"
 
-        frag 3 from TextNode start: 191, length: 1, rect: [367.59375,212 23.59375x21.84375]
 
+        frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x21.84375]
 
           " "
 
-        frag 4 from TextNode start: 192, length: 8, rect: [391.1875,212 96.734375x21.84375]
 
+        frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x21.84375]
 
           "accumsan"
 
       line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
 
         frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375]
 
@@ -137,13 +137,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
 
         frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375]
 
           "est"
 
-        frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.546875x21.84375]
 
+        frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x21.84375]
 
           " "
 
-        frag 2 from TextNode start: 244, length: 9, rect: [299.546875,278 91.46875x21.84375]
 
+        frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x21.84375]
 
           "vulputate"
 
-        frag 3 from TextNode start: 253, length: 1, rect: [391.546875,278 16.546875x21.84375]
 
+        frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x21.84375]
 
           " "
 
-        frag 4 from TextNode start: 254, length: 8, rect: [408.09375,278 80.296875x21.84375]
 
+        frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x21.84375]
 
           "egestas."
 
       line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
 
         frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375]
 
@@ -159,13 +159,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
 
         frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375]
 
           "ante"
 
-        frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.703125x21.84375]
 
+        frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.6875x21.84375]
 
           " "
 
-        frag 2 from TextNode start: 292, length: 7, rect: [311.703125,321 74x21.84375]
 
+        frag 2 from TextNode start: 292, length: 7, rect: [311.6875,321 74x21.84375]
 
           "sodales"
 
-        frag 3 from TextNode start: 299, length: 1, rect: [385.703125,321 16.703125x21.84375]
 
+        frag 3 from TextNode start: 299, length: 1, rect: [385.6875,321 16.6875x21.84375]
 
           " "
 
-        frag 4 from TextNode start: 300, length: 9, rect: [402.40625,321 85.453125x21.84375]
 
+        frag 4 from TextNode start: 300, length: 9, rect: [402.375,321 85.453125x21.84375]
 
           "lobortis."
 
       line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
 
         frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375]

+ 13 - 13
Tests/LibWeb/Layout/expected/block-and-inline/small-percentage-margin.txt
Ver arquivo 

@@ -1,35 +1,35 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
 
-      BlockContainer <div> at (15.84375,8) content-size 376.3125x100 floating [BFC] children: inline
 
+      BlockContainer <div> at (15.828125,8) content-size 376.3125x100 floating [BFC] children: inline
 
         line 0 width: 27.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [15.84375,8 27.703125x17.46875]
 
+          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17.46875]
 
             "abc"
 
         TextNode <#text>
 
-      BlockContainer <div> at (407.84375,8) content-size 376.3125x100 floating [BFC] children: inline
 
+      BlockContainer <div> at (407.796875,8) content-size 376.3125x100 floating [BFC] children: inline
 
         line 0 width: 23.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [407.84375,8 23.015625x17.46875]
 
+          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17.46875]
 
             "def"
 
         TextNode <#text>
 
-      BlockContainer <div> at (15.84375,108) content-size 376.3125x100 floating [BFC] children: inline
 
+      BlockContainer <div> at (15.828125,108) content-size 376.3125x100 floating [BFC] children: inline
 
         line 0 width: 21.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [15.84375,108 21.421875x17.46875]
 
+          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17.46875]
 
             "ghi"
 
         TextNode <#text>
 
-      BlockContainer <div> at (407.84375,108) content-size 376.3125x100 floating [BFC] children: inline
 
+      BlockContainer <div> at (407.796875,108) content-size 376.3125x100 floating [BFC] children: inline
 
         line 0 width: 18.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [407.84375,108 18.40625x17.46875]
 
+          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17.46875]
 
             "jkl"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x208]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [15.84375,8 768.3125x200]
 
-      PaintableWithLines (BlockContainer<DIV>) [15.84375,8 376.3125x100]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [15.828125,8 768.28125x200]
 
+      PaintableWithLines (BlockContainer<DIV>) [15.828125,8 376.3125x100]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [407.84375,8 376.3125x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [407.796875,8 376.3125x100]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [15.84375,108 376.3125x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [15.828125,108 376.3125x100]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [407.84375,108 376.3125x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [407.796875,108 376.3125x100]
 
         TextPaintable (TextNode<#text>)

+ 1 - 1
Tests/LibWeb/Layout/expected/css-font-size-math.txt
Ver arquivo 

@@ -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 <body> at (8,8) content-size 784x78.609375 children: inline
 
-      line 0 width: 78.9375, height: 78.609375, bottom: 78.609375, baseline: 60.90625
 
+      line 0 width: 78.9375, height: 78.609375, bottom: 78.609375, baseline: 60.890625
 
         frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x55.8125]
 
           "H"
 
         frag 1 from TextNode start: 0, length: 1, rect: [47,38 19.78125x39.625]

+ 7 - 7
Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
Ver arquivo 

@@ -1,6 +1,6 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x201.15625 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x201.125 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x155.46875 children: inline
 
         line 0 width: 312, height: 155.46875, bottom: 155.46875, baseline: 152
 
           frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,9 300x150]
 
@@ -16,24 +16,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           Box <a> at (8,8) content-size 100x100 children: inline
 
             TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <div> at (9,164.46875) content-size 782x43.6875 children: inline
 
-        line 0 width: 101.453125, height: 43.6875, bottom: 43.6875, baseline: 33.84375
 
+      BlockContainer <div> at (9,164.46875) content-size 782x43.65625 children: inline
 
+        line 0 width: 101.453125, height: 43.65625, bottom: 43.65625, baseline: 33.828125
 
           frag 0 from TextNode start: 0, length: 5, rect: [10,164.46875 99.453125x43.671875]
 
             "Hello"
 
         InlineNode <a>
 
           TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,209.15625) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,209.125) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x201.15625]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x201.125]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155.46875]
 
         SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152]
 
         TextPaintable (TextNode<#text>)
 
         PaintableBox (Box<math>) [318,50 2x110] overflow: [8,8 100x100]
 
           PaintableBox (Box<a>) [8,8 100x100]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,163.46875 784x45.6875]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,163.46875 784x45.65625] overflow: [9,164.46875 782x43.671875]
 
         InlinePaintable (InlineNode<A>)
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,209.15625 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,209.125 784x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt
Ver arquivo 

@@ -1,11 +1,11 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x70 [BFC] children: not-inline
 
-    Box <body> at (10,10) content-size 780x52 flex-container(row) [FFC] children: not-inline
 
-      ImageBox <img> at (11,11) content-size 66.671875x50 flex-item children: not-inline
 
+  BlockContainer <html> at (1,1) content-size 798x69.96875 [BFC] children: not-inline
 
+    Box <body> at (10,10) content-size 780x51.96875 flex-container(row) [FFC] children: not-inline
 
+      ImageBox <img> at (11,11) content-size 66.65625x49.984375 flex-item children: not-inline
 
       BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x72]
 
-    PaintableBox (Box<BODY>) [9,9 782x54]
 
-      ImagePaintable (ImageBox<IMG>) [10,10 68.671875x52]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x71.96875]
 
+    PaintableBox (Box<BODY>) [9,9 782x53.96875] overflow: [10,10 780x51.984375]
 
+      ImagePaintable (ImageBox<IMG>) [10,10 68.65625x51.984375]

+ 18 - 18
Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
Ver arquivo 

@@ -2,37 +2,37 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
 
       Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <div.inner> at (12.625,8) content-size 30.078125x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
 
           line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [12.625,8 30.078125x17.46875]
 
+            frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17.46875]
 
               "Well"
 
           TextNode <#text>
 
-        BlockContainer <div.inner> at (51.9375,8) content-size 36.84375x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
 
           line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [51.9375,8 36.84375x17.46875]
 
+            frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17.46875]
 
               "hello"
 
           TextNode <#text>
 
-        BlockContainer <div.inner> at (98.015625,8) content-size 55.359375x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
 
           line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 7, rect: [98.015625,8 55.359375x17.46875]
 
+            frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17.46875]
 
               "friends"
 
           TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
 
         TextNode <#text>
 
       Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
 
-        BlockContainer <div.inner> at (123.296875,158) content-size 30.078125x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
 
           line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [123.296875,158 30.078125x17.46875]
 
+            frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17.46875]
 
               "Well"
 
           TextNode <#text>
 
-        BlockContainer <div.inner> at (77.21875,158) content-size 36.84375x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
 
           line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [77.21875,158 36.84375x17.46875]
 
+            frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17.46875]
 
               "hello"
 
           TextNode <#text>
 
-        BlockContainer <div.inner> at (12.625,158) content-size 55.359375x150 flex-item [BFC] children: inline
 
+        BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
 
           line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 7, rect: [12.625,158 55.359375x17.46875]
 
+            frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17.46875]
 
               "friends"
 
           TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
 
@@ -76,19 +76,19 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x616]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
 
       PaintableBox (Box<DIV>.outer.row) [8,8 150x150]
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [12.625,8 30.078125x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [12.609375,8 30.078125x150]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [51.9375,8 36.84375x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [51.921875,8 36.84375x150]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [98.015625,8 55.359375x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [98,8 55.359375x150]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
 
       PaintableBox (Box<DIV>.outer.row-reverse) [8,158 150x150]
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [123.296875,158 30.078125x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [123.3125,158 30.078125x150]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [77.21875,158 36.84375x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [77.234375,158 36.84375x150]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [12.625,158 55.359375x150]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [12.640625,158 55.359375x150]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]
 
       PaintableBox (Box<DIV>.outer.column) [8,308 150x150]

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
Ver arquivo 

@@ -25,9 +25,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
           TextNode <#text>
 
-        BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.265625,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
 
+        BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
 
           line 0 width: 371.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 45, rect: [75.265625,70.40625 371.484375x17.46875]
 
+            frag 0 from TextNode start: 0, length: 45, rect: [75.25,70.40625 371.484375x17.46875]
 
               "auto horizontal margins and fit-content width"
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
@@ -125,7 +125,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
           TextPaintable (TextNode<#text>)
 
         PaintableWithLines (BlockContainer<DIV>.right-margin-auto) [11,49.9375 270.484375x19.46875]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.265625,69.40625 373.484375x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.left-margin-auto.right-margin-auto.fit-content-width) [74.25,69.40625 373.484375x19.46875]
 
           TextPaintable (TextNode<#text>)
 
         PaintableWithLines (BlockContainer<DIV>.left-margin-auto.fit-content-width) [202.453125,88.875 308.546875x19.46875]
 
           TextPaintable (TextNode<#text>)

+ 2 - 2
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt
Ver arquivo 

@@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17.46875]
 
               "First"
 
           TextNode <#text>
 
-        BlockContainer <div.second> at (400,8) content-size 78.40625x17.46875 [BFC] children: inline
 
+        BlockContainer <div.second> at (400,8) content-size 78.390625x17.46875 [BFC] children: inline
 
           line 0 width: 57.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
             frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17.46875]
 
               "Second"
 
@@ -19,5 +19,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
       PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
 
         PaintableWithLines (BlockContainer<DIV>.first) [8,8 313.59375x17.46875]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.40625x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.390625x17.46875]
 
           TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
Ver arquivo 

@@ -4,11 +4,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       Box <div.grid-container> at (8,8) content-size 784x24 [GFC] children: not-inline
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
           TextNode <#text>
 
-        BlockContainer <div.wrapper> at (8,8) content-size 64.015625x24 [BFC] children: inline
 
-          line 0 width: 64.015625, height: 24, bottom: 24, baseline: 24
 
-            frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.015625x24]
 
+        BlockContainer <div.wrapper> at (8,8) content-size 64.03125x24 [BFC] children: inline
 
+          line 0 width: 64.03125, height: 24, bottom: 24, baseline: 24
 
+            frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.03125x24]
 
           TextNode <#text>
 
-          ImageBox <img> at (8,8) content-size 64.015625x24 children: not-inline
 
+          ImageBox <img> at (8,8) content-size 64.03125x24 children: not-inline
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
           TextNode <#text>
 
@@ -17,5 +17,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x24]
 
       PaintableBox (Box<DIV>.grid-container) [8,8 784x24]
 
-        PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 64.015625x24]
 
-          ImagePaintable (ImageBox<IMG>) [8,8 64.015625x24]
 
+        PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 64.03125x24]
 
+          ImagePaintable (ImageBox<IMG>) [8,8 64.03125x24]

+ 4 - 4
Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
Ver arquivo 

@@ -7,12 +7,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         BlockContainer <div.item-left> at (8,8) content-size 100x35.40625 [BFC] children: not-inline
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
           TextNode <#text>
 
-        BlockContainer <div.item-right> at (108.015625,8) content-size 683.984375x35.40625 [BFC] children: inline
 
+        BlockContainer <div.item-right> at (108.03125,8) content-size 683.96875x35.40625 [BFC] children: inline
 
           line 0 width: 625.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 77, rect: [108.015625,8 625.953125x17.46875]
 
+            frag 0 from TextNode start: 0, length: 77, rect: [108.03125,8 625.953125x17.46875]
 
               "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis venenatis"
 
           line 1 width: 304.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-            frag 0 from TextNode start: 78, length: 39, rect: [108.015625,25 304.0625x17.46875]
 
+            frag 0 from TextNode start: 78, length: 39, rect: [108.03125,25 304.0625x17.46875]
 
               "purus, eget blandit velit venenatis at."
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
@@ -25,6 +25,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x35.40625]
 
       PaintableBox (Box<DIV>.container) [8,8 784x35.40625]
 
         PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 100x35.40625]
 
-        PaintableWithLines (BlockContainer<DIV>.item-right) [108.015625,8 683.984375x35.40625]
 
+        PaintableWithLines (BlockContainer<DIV>.item-right) [108.03125,8 683.96875x35.40625]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,43.40625 784x0]

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/justify-items.txt
Ver arquivo 

@@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       BlockContainer <(anonymous)> at (10,31.46875) content-size 780x0 children: inline
 
         TextNode <#text>
 
       Box <div.grid.center> at (11,32.46875) content-size 778x19.46875 [GFC] children: not-inline
 
-        BlockContainer <div> at (373.484375,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
 
+        BlockContainer <div> at (373.46875,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
 
           line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 6, rect: [373.484375,33.46875 53.046875x17.46875]
 
+            frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33.46875 53.046875x17.46875]
 
               "Center"
 
           TextNode <#text>
 
       BlockContainer <(anonymous)> at (10,52.9375) content-size 780x0 children: inline
 
@@ -35,7 +35,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [10,31.46875 780x0]
 
       PaintableBox (Box<DIV>.grid.center) [10,31.46875 780x21.46875]
 
-        PaintableWithLines (BlockContainer<DIV>) [372.484375,32.46875 55.046875x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>) [372.46875,32.46875 55.046875x19.46875]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [10,52.9375 780x0]
 
       PaintableBox (Box<DIV>.grid.end) [10,52.9375 780x21.46875]

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/justify-self.txt
Ver arquivo 

@@ -10,9 +10,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
         TextNode <#text>
 
-      BlockContainer <div> at (373.484375,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
 
+      BlockContainer <div> at (373.46875,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
 
         line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [373.484375,30.46875 53.046875x17.46875]
 
+          frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30.46875 53.046875x17.46875]
 
             "Center"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 
@@ -30,7 +30,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableBox (Box<BODY>) [9,9 782x60.40625]
 
       PaintableWithLines (BlockContainer<DIV>) [10,10 45.859375x19.46875]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [372.484375,29.46875 55.046875x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>) [372.46875,29.46875 55.046875x19.46875]
 
         TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer<DIV>) [758.671875,48.9375 31.328125x19.46875]
 
         TextPaintable (TextNode<#text>)

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/place-self.txt
Ver arquivo 

@@ -15,9 +15,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       BlockContainer <(anonymous)> at (10,91.46875) content-size 780x0 children: inline
 
         TextNode <#text>
 
       Box <div.grid> at (31,112.46875) content-size 738x39.46875 [GFC] children: not-inline
 
-        BlockContainer <div.center> at (185.8125,123.46875) content-size 59.390625x17.46875 [BFC] children: inline
 
+        BlockContainer <div.center> at (185.796875,123.46875) content-size 59.390625x17.46875 [BFC] children: inline
 
           line 0 width: 59.390625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 7, rect: [185.8125,123.46875 59.390625x17.46875]
 
+            frag 0 from TextNode start: 0, length: 7, rect: [185.796875,123.46875 59.390625x17.46875]
 
               "Center1"
 
           TextNode <#text>
 
         BlockContainer <div.item-padding> at (411,123.46875) content-size 347x17.46875 [BFC] children: inline
 
@@ -49,7 +49,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [10,91.46875 780x0]
 
       PaintableBox (Box<DIV>.grid) [10,91.46875 780x81.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.center) [184.8125,122.46875 61.390625x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.center) [184.796875,122.46875 61.390625x19.46875]
 
           TextPaintable (TextNode<#text>)
 
         PaintableWithLines (BlockContainer<DIV>.item-padding) [400,112.46875 369x39.46875]
 
           TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/inline-size.txt
Ver arquivo 

@@ -1,30 +1,30 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x570.859375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,70) content-size 784x492.859375 children: not-inline
 
+  BlockContainer <html> at (0,0) content-size 800x570.84375 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,70) content-size 784x492.84375 children: not-inline
 
       BlockContainer <p.min-inline-test> at (8,70) content-size 784x200 children: inline
 
-        line 0 width: 85.859375, height: 76.4375, bottom: 76.4375, baseline: 59.203125
 
+        line 0 width: 85.859375, height: 76.421875, bottom: 76.421875, baseline: 59.1875
 
           frag 0 from TextNode start: 0, length: 2, rect: [8,70 85.859375x76.421875]
 
             "KK"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,340) content-size 784x76.421875 children: inline
 
-        line 0 width: 0, height: 76.421875, bottom: 76.421875, baseline: 59.203125
 
+        line 0 width: 0, height: 76.421875, bottom: 76.421875, baseline: 59.1875
 
         TextNode <#text>
 
         BreakNode <br>
 
         TextNode <#text>
 
-      BlockContainer <p.max-inline-test> at (8,486.421875) content-size 100x76.4375 children: inline
 
-        line 0 width: 85.859375, height: 76.4375, bottom: 76.4375, baseline: 59.203125
 
+      BlockContainer <p.max-inline-test> at (8,486.421875) content-size 100x76.421875 children: inline
 
+        line 0 width: 85.859375, height: 76.421875, bottom: 76.421875, baseline: 59.1875
 
           frag 0 from TextNode start: 0, length: 2, rect: [8,486.421875 85.859375x76.421875]
 
             "KK"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,632.859375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,632.84375) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x632.859375]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x570.859375] overflow: [0,0 800x632.859375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,70 784x492.859375] overflow: [8,70 784x562.859375]
 
+ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x632.84375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x570.84375] overflow: [0,0 800x632.84375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,70 784x492.84375] overflow: [8,70 784x562.84375]
 
       PaintableWithLines (BlockContainer<P>.min-inline-test) [8,70 784x200]
 
         TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,340 784x76.421875]
 
-      PaintableWithLines (BlockContainer<P>.max-inline-test) [8,486.421875 100x76.4375]
 
+      PaintableWithLines (BlockContainer<P>.max-inline-test) [8,486.421875 100x76.421875]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,632.859375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,632.84375 784x0]

+ 3 - 3
Tests/LibWeb/Layout/expected/place-content-shorthand-property.txt
Ver arquivo 

@@ -2,9 +2,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
 
       Box <div.container> at (11,11) content-size 800x17.46875 flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (392.21875,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline
 
+        BlockContainer <(anonymous)> at (392.203125,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline
 
           line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [392.21875,11 37.578125x17.46875]
 
+            frag 0 from TextNode start: 0, length: 4, rect: [392.203125,11 37.578125x17.46875]
 
               "Text"
 
           TextNode <#text>
 
 
@@ -12,5 +12,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 812x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875] overflow: [1,1 811x37.46875]
 
     PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] overflow: [10,10 802x19.46875]
 
       PaintableBox (Box<DIV>.container) [10,10 802x19.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [392.21875,11 37.578125x17.46875]
 
+        PaintableWithLines (BlockContainer(anonymous)) [392.203125,11 37.578125x17.46875]
 
           TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/svg-text-with-viewbox.txt
Ver arquivo 

@@ -6,16 +6,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       SVGSVGBox <svg> at (8,8) content-size 784x261.328125 [SVG] children: inline
 
         TextNode <#text>
 
         TextNode <#text>
 
-        SVGTextBox <text.small> at (73.34375,88.359375) content-size 48.109375x37.484375 children: inline
 
+        SVGTextBox <text.small> at (73.328125,88.359375) content-size 48.109375x37.484375 children: inline
 
           TextNode <#text>
 
         TextNode <#text>
 
-        SVGTextBox <text.heavy> at (138.6875,43.953125) content-size 148.234375x79.71875 children: inline
 
+        SVGTextBox <text.heavy> at (138.65625,43.953125) content-size 148.234375x79.71875 children: inline
 
           TextNode <#text>
 
         TextNode <#text>
 
-        SVGTextBox <text.small> at (187.671875,153.703125) content-size 34.59375x34.703125 children: inline
 
+        SVGTextBox <text.small> at (187.65625,153.703125) content-size 34.59375x34.703125 children: inline
 
           TextNode <#text>
 
         TextNode <#text>
 
-        SVGTextBox <text.Rrrrr> at (220.34375,83.15625) content-size 519.34375x115.359375 children: inline
 
+        SVGTextBox <text.Rrrrr> at (220.328125,83.15625) content-size 519.34375x115.359375 children: inline
 
           TextNode <#text>
 
         TextNode <#text>
 
       TextNode <#text>
 
@@ -24,7 +24,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x261.328125]
 
       SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x261.328125]
 
-        SVGPathPaintable (SVGTextBox<text>.small) [73.34375,88.359375 48.109375x37.484375]
 
-        SVGPathPaintable (SVGTextBox<text>.heavy) [138.6875,43.953125 148.234375x79.71875]
 
-        SVGPathPaintable (SVGTextBox<text>.small) [187.671875,153.703125 34.59375x34.703125]
 
-        SVGPathPaintable (SVGTextBox<text>.Rrrrr) [220.34375,83.15625 519.34375x115.359375]
 
+        SVGPathPaintable (SVGTextBox<text>.small) [73.328125,88.359375 48.109375x37.484375]
 
+        SVGPathPaintable (SVGTextBox<text>.heavy) [138.65625,43.953125 148.234375x79.71875]
 
+        SVGPathPaintable (SVGTextBox<text>.small) [187.65625,153.703125 34.59375x34.703125]
 
+        SVGPathPaintable (SVGTextBox<text>.Rrrrr) [220.328125,83.15625 519.34375x115.359375]

+ 6 - 6
Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
Ver arquivo 

@@ -48,13 +48,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       TextNode <#text>
 
       SVGSVGBox <svg> at (50,250) content-size 200x200 [SVG] children: inline
 
         TextNode <#text>
 
-        SVGGeometryBox <rect> at (120.59375,320.59375) content-size 58.828125x58.828125 children: not-inline
 
+        SVGGeometryBox <rect> at (120.59375,320.578125) content-size 58.828125x58.828125 children: not-inline
 
         TextNode <#text>
 
         TextNode <#text>
 
-        SVGGeometryBox <rect> at (52.4375,310.375) content-size 68.140625x68.140625 children: not-inline
 
+        SVGGeometryBox <rect> at (52.4375,310.359375) content-size 68.140625x68.140625 children: not-inline
 
         TextNode <#text>
 
         TextNode <#text>
 
-        SVGGeometryBox <rect> at (179.40625,321.484375) content-size 68.140625x68.140625 children: not-inline
 
+        SVGGeometryBox <rect> at (179.40625,321.46875) content-size 68.140625x68.140625 children: not-inline
 
         TextNode <#text>
 
       TextNode <#text>
 
       SVGSVGBox <svg> at (258,250) content-size 200x200 [SVG] children: inline
 
@@ -112,9 +112,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x700]
 
         SVGPathPaintable (SVGGeometryBox<rect>) [506,90 120x120]
 
         SVGPathPaintable (SVGGeometryBox<rect>) [471.359375,90 189.28125x120]
 
       SVGSVGPaintable (SVGSVGBox<svg>) [50,250 200x200]
 
-        SVGPathPaintable (SVGGeometryBox<rect>) [120.59375,320.59375 58.828125x58.828125]
 
-        SVGPathPaintable (SVGGeometryBox<rect>) [52.4375,310.375 68.140625x68.140625]
 
-        SVGPathPaintable (SVGGeometryBox<rect>) [179.40625,321.484375 68.140625x68.140625]
 
+        SVGPathPaintable (SVGGeometryBox<rect>) [120.59375,320.578125 58.828125x58.828125]
 
+        SVGPathPaintable (SVGGeometryBox<rect>) [52.4375,310.359375 68.140625x68.140625]
 
+        SVGPathPaintable (SVGGeometryBox<rect>) [179.40625,321.46875 68.140625x68.140625]
 
       TextPaintable (TextNode<#text>)
 
       SVGSVGPaintable (SVGSVGBox<svg>) [258,250 200x200]
 
         SVGPathPaintable (SVGGeometryBox<circle>) [278,270 160x160]

+ 2 - 2
Tests/LibWeb/Layout/expected/svg/svg-different-types-of-opacity.txt
Ver arquivo 

@@ -5,7 +5,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 784x784]
 
       SVGSVGBox <svg> at (8,8) content-size 784x784 [SVG] children: inline
 
         TextNode <#text>
 
-        SVGGeometryBox <circle> at (47.1875,47.1875) content-size 548.796875x548.796875 children: not-inline
 
+        SVGGeometryBox <circle> at (47.203125,47.203125) content-size 548.796875x548.796875 children: not-inline
 
         TextNode <#text>
 
       TextNode <#text>
 
 
@@ -13,4 +13,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x800]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x800]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x784]
 
       SVGSVGPaintable (SVGSVGBox<svg>) [8,8 784x784]
 
-        SVGPathPaintable (SVGGeometryBox<circle>) [47.1875,47.1875 548.796875x548.796875]
 
+        SVGPathPaintable (SVGGeometryBox<circle>) [47.203125,47.203125 548.796875x548.796875]

+ 29 - 29
Tests/LibWeb/Layout/expected/table/fixed-layout-percentage-width.txt
Ver arquivo 

@@ -5,67 +5,67 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         Box <table> at (9,9) content-size 598x42.9375 table-box [TFC] children: not-inline
 
           BlockContainer <(anonymous)> (not painted) children: inline
 
             TextNode <#text>
 
-          Box <tbody> at (9,9) content-size 598.015625x42.9375 table-row-group children: not-inline
 
-            Box <tr> at (9,9) content-size 598.015625x21.46875 table-row children: not-inline
 
+          Box <tbody> at (9,9) content-size 597.96875x42.9375 table-row-group children: not-inline
 
+            Box <tr> at (9,9) content-size 597.96875x21.46875 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (11,11) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (11,11) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 26.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
                   frag 0 from TextNode start: 0, length: 4, rect: [11,11 26.078125x17.46875]
 
                     "cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (110.671875,11) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (110.65625,11) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 26.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 4, rect: [110.671875,11 26.078125x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 4, rect: [110.65625,11 26.078125x17.46875]
 
                     "cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (210.34375,11) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (210.3125,11) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 94.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 12, rect: [210.34375,11 94.96875x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 12, rect: [210.3125,11 94.96875x17.46875]
 
                     "A table cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (310.015625,11) content-size 295x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (309.96875,11) content-size 295x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 94.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 12, rect: [310.015625,11 94.96875x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 12, rect: [309.96875,11 94.96875x17.46875]
 
                     "A table cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
             BlockContainer <(anonymous)> (not painted) children: inline
 
               TextNode <#text>
 
-            Box <tr> at (9,30.46875) content-size 598.015625x21.46875 table-row children: not-inline
 
+            Box <tr> at (9,30.46875) content-size 597.96875x21.46875 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (11,32.46875) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (11,32.46875) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 26.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
                   frag 0 from TextNode start: 0, length: 4, rect: [11,32.46875 26.078125x17.46875]
 
                     "cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (110.671875,32.46875) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (110.65625,32.46875) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 26.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 4, rect: [110.671875,32.46875 26.078125x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 4, rect: [110.65625,32.46875 26.078125x17.46875]
 
                     "cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (210.34375,32.46875) content-size 95.671875x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (210.3125,32.46875) content-size 95.65625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 94.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 12, rect: [210.34375,32.46875 94.96875x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 12, rect: [210.3125,32.46875 94.96875x17.46875]
 
                     "A table cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (310.015625,32.46875) content-size 295x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (309.96875,32.46875) content-size 295x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 94.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 12, rect: [310.015625,32.46875 94.96875x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 12, rect: [309.96875,32.46875 94.96875x17.46875]
 
                     "A table cell"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
@@ -77,23 +77,23 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x44.9375]
 
       PaintableWithLines (TableWrapper(anonymous)) [8,8 600x44.9375]
 
-        PaintableBox (Box<TABLE>) [8,8 600x44.9375] overflow: [9,9 598.015625x42.9375]
 
-          PaintableBox (Box<TBODY>) [9,9 598.015625x42.9375]
 
-            PaintableBox (Box<TR>) [9,9 598.015625x21.46875]
 
-              PaintableWithLines (BlockContainer<TD>) [9,9 99.671875x21.46875]
 
+        PaintableBox (Box<TABLE>) [8,8 600x44.9375]
 
+          PaintableBox (Box<TBODY>) [9,9 597.96875x42.9375]
 
+            PaintableBox (Box<TR>) [9,9 597.96875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [9,9 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [108.671875,9 99.671875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [108.65625,9 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [208.34375,9 99.671875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [208.3125,9 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [308.015625,9 299x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [307.96875,9 299x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-            PaintableBox (Box<TR>) [9,30.46875 598.015625x21.46875]
 
-              PaintableWithLines (BlockContainer<TD>) [9,30.46875 99.671875x21.46875]
 
+            PaintableBox (Box<TR>) [9,30.46875 597.96875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [9,30.46875 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [108.671875,30.46875 99.671875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [108.65625,30.46875 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [208.34375,30.46875 99.671875x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [208.3125,30.46875 99.65625x21.46875]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer<TD>) [308.015625,30.46875 299x21.46875]
 
+              PaintableWithLines (BlockContainer<TD>) [307.96875,30.46875 299x21.46875]
 
                 TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt
Ver arquivo 

@@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             Box <tr> at (10,10) content-size 43.21875x9.734375 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (11,14.875) content-size 0x0 table-cell [BFC] children: not-inline
 
+              BlockContainer <td> at (11,14.859375) content-size 0x0 table-cell [BFC] children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
               BlockContainer <td> at (16,12) content-size 37.21875x17.46875 table-cell [BFC] children: inline
 
@@ -27,7 +27,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             Box <tr> at (10,21.734375) content-size 43.21875x9.734375 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (11,26.609375) content-size 0x0 table-cell [BFC] children: not-inline
 
+              BlockContainer <td> at (11,26.59375) content-size 0x0 table-cell [BFC] children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
             BlockContainer <(anonymous)> (not painted) children: inline
 
@@ -38,11 +38,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x25.46875]
 
       PaintableWithLines (TableWrapper(anonymous)) [8,8 49.21875x25.46875]
 
         PaintableBox (Box<TABLE>) [8,8 49.21875x25.46875]
 
-          PaintableBox (Box<TBODY>) [8,8 43.21875x19.46875] overflow: [8,8 47.21875x23.484375]
 
+          PaintableBox (Box<TBODY>) [8,8 43.21875x19.46875] overflow: [8,8 47.21875x23.46875]
 
             PaintableBox (Box<TR>) [10,10 43.21875x9.734375] overflow: [10,10 45.21875x21.46875]
 
-              PaintableWithLines (BlockContainer<TD>) [10,10 2x9.75]
 
+              PaintableWithLines (BlockContainer<TD>) [10,10 2x9.71875]
 
               PaintableWithLines (BlockContainer<TD>) [14,10 41.21875x21.46875]
 
                 InlinePaintable (InlineNode<A>)
 
                   TextPaintable (TextNode<#text>)
 
-            PaintableBox (Box<TR>) [10,21.734375 43.21875x9.734375] overflow: [10,21.734375 43.21875x9.75]
 
-              PaintableWithLines (BlockContainer<TD>) [10,21.734375 2x9.75]
 
+            PaintableBox (Box<TR>) [10,21.734375 43.21875x9.734375]
 
+              PaintableWithLines (BlockContainer<TD>) [10,21.734375 2x9.71875]

+ 8 - 8
Tests/LibWeb/Layout/expected/table/row-span-and-nested-tables.txt
Ver arquivo 

@@ -15,9 +15,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             Box <tr> at (11,11) content-size 67.828125x54.203125 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (17,29.375) content-size 11.5625x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (17,29.359375) content-size 11.5625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 11.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 1, rect: [17,29.375 11.5625x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 1, rect: [17,29.359375 11.5625x17.46875]
 
                     "X"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
@@ -79,9 +79,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             Box <tr> at (11,67.203125) content-size 67.828125x54.203125 table-row children: not-inline
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
                 TextNode <#text>
 
-              BlockContainer <td> at (17,85.578125) content-size 11.5625x17.46875 table-cell [BFC] children: inline
 
+              BlockContainer <td> at (17,85.5625) content-size 11.5625x17.46875 table-cell [BFC] children: inline
 
                 line 0 width: 11.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                  frag 0 from TextNode start: 0, length: 1, rect: [17,85.578125 11.09375x17.46875]
 
+                  frag 0 from TextNode start: 0, length: 1, rect: [17,85.5625 11.09375x17.46875]
 
                     "Y"
 
                 TextNode <#text>
 
               BlockContainer <(anonymous)> (not painted) children: inline
 
@@ -100,9 +100,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
       PaintableWithLines (TableWrapper(anonymous)) [8,8 75.828125x116.40625]
 
         PaintableBox (Box<TABLE>) [8,8 75.828125x116.40625]
 
-          PaintableBox (Box<TBODY>) [9,9 67.828125x108.40625] overflow: [9,9 71.828125x112.421875]
 
+          PaintableBox (Box<TBODY>) [9,9 67.828125x108.40625] overflow: [9,9 71.828125x112.40625]
 
             PaintableBox (Box<TR>) [11,11 67.828125x54.203125] overflow: [11,11 69.828125x110.40625]
 
-              PaintableWithLines (BlockContainer<TD>) [11,11 23.5625x54.21875]
 
+              PaintableWithLines (BlockContainer<TD>) [11,11 23.5625x54.1875]
 
                 TextPaintable (TextNode<#text>)
 
               PaintableWithLines (BlockContainer<TD>) [36.5625,11 44.265625x110.40625]
 
                 PaintableWithLines (BlockContainer(anonymous)) [42.5625,17 32.265625x0]
 
@@ -122,7 +122,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
                       PaintableWithLines (BlockContainer(anonymous)) [42.5625,17 0x0]
 
                     PaintableWithLines (BlockContainer(anonymous)) [42.5625,17 0x0]
 
                 PaintableWithLines (BlockContainer(anonymous)) [42.5625,115.40625 32.265625x0]
 
-            PaintableBox (Box<TR>) [11,67.203125 67.828125x54.203125] overflow: [11,67.203125 67.828125x54.21875]
 
-              PaintableWithLines (BlockContainer<TD>) [11,67.203125 23.5625x54.21875]
 
+            PaintableBox (Box<TR>) [11,67.203125 67.828125x54.203125]
 
+              PaintableWithLines (BlockContainer<TD>) [11,67.203125 23.5625x54.1875]
 
                 TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,124.40625 784x0]

+ 12 - 0
Tests/LibWeb/Layout/input/block-and-inline/columns-33-percent-width.html
Ver arquivo 

@@ -0,0 +1,12 @@
 
+<!doctype html><style>
 
+    body {
 
+        background: black;
 
+        width: 620px;
 
+    }
 
+    div {
 
+        display: inline-block;
 
+        width: 33.3333%;
 
+        height: 100px;
 
+        background: orange;
 
+    }
 
+</style><body><div></div><div></div><div></div>

BIN
Tests/LibWeb/Ref/reference/images/css-backgrounds-ref.png
Ver arquivo


BIN
Tests/LibWeb/Ref/reference/images/object-fit-position.png
Ver arquivo


BIN
Tests/LibWeb/Ref/reference/images/svg-background-no-natural-size-ref.png
Ver arquivo


+ 0 - 9
Tests/LibWeb/TestCSSPixels.cpp
Ver arquivo 

@@ -36,15 +36,6 @@ TEST_CASE(division1)
 
     b = CSSPixels(0.25);
 
     EXPECT(!a.might_be_saturated());
 
     EXPECT((a / b).might_be_saturated());
 
-
 
-    // Results should be rounded:
 
-    a = CSSPixels::smallest_positive_value() * 3;
 
-    b = 2;
 
-    EXPECT((a / b) == CSSPixels::smallest_positive_value() * 2);
 
-
 
-    a = CSSPixels::smallest_positive_value() * -5;
 
-    b = 3;
 
-    EXPECT((a / b) == CSSPixels::smallest_positive_value() * -2);
 
 }
 
 
 TEST_CASE(multiplication1)

+ 3 - 11
Userland/Libraries/LibWeb/PixelUnits.h
Ver arquivo 

@@ -288,14 +288,6 @@ constexpr CSSPixels operator*(T left, CSSPixels right) { return CSSPixels(left)
 
 inline float operator*(float left, CSSPixels right) { return right.to_float() * left; }
 
 inline double operator*(double left, CSSPixels right) { return right.to_double() * left; }
 
 
-template<Integral T>
 
-constexpr static T rounding_divide(T dividend, T divisor)
 
-{
 
-    if ((dividend < 0) == (divisor < 0))
 
-        return (dividend + (divisor / 2)) / divisor;
 
-    return (dividend - (divisor / 2)) / divisor;
 
-}
 
-
 
 class CSSPixelFraction {
 
 public:
 
     constexpr CSSPixelFraction(CSSPixels numerator, CSSPixels denominator)
 
@@ -321,7 +313,7 @@ public:
 
     {
 
         i64 wide_value = m_numerator.raw_value();
 
         wide_value <<= CSSPixels::fractional_bits;
 
-        wide_value = rounding_divide<i64>(wide_value, m_denominator.raw_value());
 
+        wide_value /= m_denominator.raw_value();
 
         return CSSPixels::from_raw(AK::clamp_to<int>(wide_value));
 
     }
 
 
@@ -373,7 +365,7 @@ constexpr CSSPixels CSSPixels::operator*(CSSPixelFraction const& other) const
 
 {
 
     i64 wide_value = raw_value();
 
     wide_value *= other.numerator().raw_value();
 
-    wide_value = rounding_divide<i64>(wide_value, other.denominator().raw_value());
 
+    wide_value /= other.denominator().raw_value();
 
     return CSSPixels::from_raw(AK::clamp_to<int>(wide_value));
 
 }
 
 
@@ -385,7 +377,7 @@ constexpr CSSPixels CSSPixels::operator/(CSSPixelFraction const& other) const
 
 {
 
     i64 wide_value = raw_value();
 
     wide_value *= other.denominator().raw_value();
 
-    wide_value = rounding_divide<i64>(wide_value, other.numerator().raw_value());
 
+    wide_value /= other.numerator().raw_value();
 
     return CSSPixels::from_raw(AK::clamp_to<int>(wide_value));
 
 }

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5