mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 20: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.4 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
			
		
		
	
	
			41 lines
		
	
	
	
		
			2.4 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 784x206 children: not-inline
 | |
|       Box <div.container> at (9,9) content-size 250x204 flex-container(row) [FFC] children: not-inline
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|         BlockContainer <div.box> at (10,10) content-size 100x100 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 (112,10) content-size 100x100 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: [112,10 8.8125x17.46875]
 | |
|               "2"
 | |
|           TextNode <#text>
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|         BlockContainer <div.box> at (10,112) content-size 100x100 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,112 9.09375x17.46875]
 | |
|               "3"
 | |
|           TextNode <#text>
 | |
|         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
 | |
|           TextNode <#text>
 | |
|       BlockContainer <(anonymous)> at (8,214) content-size 784x0 children: inline
 | |
|         TextNode <#text>
 | |
| 
 | |
| PaintableWithLines (Viewport<#document>) [0,0 800x600]
 | |
|   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 | |
|     PaintableWithLines (BlockContainer<BODY>) [8,8 784x206]
 | |
|       PaintableBox (Box<DIV>.container) [8,8 252x206]
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x102]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [111,9 102x102]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|         PaintableWithLines (BlockContainer<DIV>.box) [9,111 102x102]
 | |
|           TextPaintable (TextNode<#text>)
 | |
|       PaintableWithLines (BlockContainer(anonymous)) [8,214 784x0]
 |