mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 18:02:44 +00:00 
			
		
		
		
	 09eed8eea2
			
		
	
	
		09eed8eea2
		
	
	
	
	
		
			
			This will give us a more comprehensive look at what actually gets rendered in the end, and also allows us to catch more behavior changes.
		
			
				
	
	
		
			41 lines
		
	
	
	
		
			2.5 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
			
		
		
	
	
			41 lines
		
	
	
	
		
			2.5 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
| 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 784x252 children: not-inline
 | |
|       Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|         BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
 | |
|           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 | |
|             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
 | |
|               "1"
 | |
|           TextNode <#text>
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|         BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
 | |
|           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 | |
|             frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
 | |
|               "2"
 | |
|           TextNode <#text>
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|         BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
 | |
|           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 | |
|             frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
 | |
|               "3"
 | |
|           TextNode <#text>
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|       BlockContainer <(anonymous)> at (8,260) content-size 784x0 children: inline
 | |
|         TextNode <#text>
 | |
| 
 | |
| PaintableWithLines (Viewport<#document>) [0,0 800x600]
 | |
|   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 | |
|     PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
 | |
|       PaintableBox (Box<DIV>.container.column) [8,8 252x252] overflow: [9,9 250x250.03125]
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.34375]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [9,92.34375 102x83.34375]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [9,175.6875 102x83.34375]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|       PaintableWithLines (BlockContainer(anonymous)) [8,260 784x0]
 |