1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-29 13:47:34 +00:00

LibWeb: Show formatting context roots in layout tree dumps

This patch does three things:

- Factors out the code that determines whether a box will create a new
  formatting context for its children (and which type of context)

- Uses that code to mark all formatting context roots in layout tree
  dumps. This makes it much easier to follow along with layout since
  you can now see exactly where control is transferred to a new
  formatting context.

- Rebaselines all existing layout tests, since the output format has
  changed slightly.
This commit is contained in:
Andreas Kling 2023-05-03 10:32:23 +02:00
parent 42e118e6a9
commit 968db96101
117 changed files with 905 additions and 851 deletions

View file

@ -1,5 +1,5 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x273.46875 children: not-inline
BlockContainer <html> at (0,0) content-size 800x273.46875 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x257.46875 children: inline
line 0 width: 772, height: 130.46875, bottom: 130.46875, baseline: 127
frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,84 100x50]
@ -38,67 +38,67 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 7 from TextNode start: 0, length: 1, rect: [240,248 8x17.46875]
" "
frag 8 from SVGSVGBox start: 0, length: 0, rect: [249,201 160x60]
SVGSVGBox <svg> at (9,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (9,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (34,84) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (119,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (119,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (119,84) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (229,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (229,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (279,84) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (339,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (339,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (339,84) content-size 100x100 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (449,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (449,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (449,59) content-size 100x100 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (559,84) content-size 100x50 children: inline
SVGSVGBox <svg> at (559,84) content-size 100x50 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (559,34) content-size 100x100 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (669,9) content-size 50x125 children: inline
SVGSVGBox <svg> at (669,9) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (669,9) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (729,9) content-size 50x125 children: inline
SVGSVGBox <svg> at (729,9) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (729,46.5) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (9,136) content-size 50x125 children: inline
SVGSVGBox <svg> at (9,136) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (9,211) content-size 50x50 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (69,136) content-size 50x125 children: inline
SVGSVGBox <svg> at (69,136) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (69,136) content-size 125x125 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (129,136) content-size 50x125 children: inline
SVGSVGBox <svg> at (129,136) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (91.5,136) content-size 125x125 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (189,136) content-size 50x125 children: inline
SVGSVGBox <svg> at (189,136) content-size 50x125 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (114,136) content-size 125x125 children: not-inline
TextNode <#text>
TextNode <#text>
SVGSVGBox <svg> at (249,201) content-size 160x60 children: inline
SVGSVGBox <svg> at (249,201) content-size 160x60 [SVG] children: inline
TextNode <#text>
SVGGeometryBox <circle> at (299,201) content-size 60x60 children: not-inline
TextNode <#text>