Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 80 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 64 0+0+8] children: inline
      frag 0 from TextInputBox start: 0, length: 0, rect: [11,24 200x16] baseline: 18
      frag 1 from TextAreaBox start: 0, length: 0, rect: [247.1875,11 160x26] baseline: 32
      frag 2 from TextInputBox start: 0, length: 0, rect: [443.375,24 200x16] baseline: 18
      frag 3 from TextNode start: 0, length: 1, rect: [646.375,27 8x16] baseline: 12.796875
          " "
      frag 4 from TextAreaBox start: 0, length: 0, rect: [11,43 160x26] baseline: 32
      TextInputBox <input> at [11,24] inline-block [0+1+2 200 2+1+0] [0+1+1 16 1+1+0] [BFC] children: not-inline
        Box <div> at [11,24] flex-container(row) [0+0+0 200 0+0+0] [0+0+0 16 0+0+0] [FFC] children: not-inline
          BlockContainer <div> at [11,24] flex-item [0+0+0 200 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 0, rect: [11,24 0x16] baseline: 12.796875
            TextNode <#text> (not painted)
      InlineNode <span> at [214,27] [0+0+0 30.1875 0+0+0] [0+0+0 16 0+0+0]
        frag 0 from TextNode start: 0, length: 3, rect: [214,27 30.1875x16] baseline: 12.796875
            "boo"
        TextNode <#text> (not painted)
      TextAreaBox <textarea> at [247.1875,11] inline-block [0+1+2 160 2+1+0] [0+1+2 26 2+1+0] [BFC] children: not-inline
        Box <div> at [247.1875,11] flex-container(row) [0+0+0 160 0+0+0] [0+0+0 13 0+0+0] [FFC] children: not-inline
          BlockContainer <div> at [247.1875,11] flex-item [0+0+0 160 0+0+0] [0+0+0 13 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 0, rect: [247.1875,11 0x13] baseline: 10.390625
            TextNode <#text> (not painted)
      InlineNode <span> at [410.1875,27] [0+0+0 30.1875 0+0+0] [0+0+0 16 0+0+0]
        frag 0 from TextNode start: 0, length: 3, rect: [410.1875,27 30.1875x16] baseline: 12.796875
            "boo"
        TextNode <#text> (not painted)
      TextInputBox <input> at [443.375,24] inline-block [0+1+2 200 2+1+0] [0+1+1 16 1+1+0] [BFC] children: not-inline
        Box <div> at [443.375,24] flex-container(row) [0+0+0 200 0+0+0] [0+0+0 16 0+0+0] [FFC] children: not-inline
          BlockContainer <div> at [443.375,24] flex-item [0+0+0 200 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 0, rect: [443.375,24 0x16] baseline: 12.796875
            TextNode <#text> (not painted)
          BlockContainer <div> at [443.375,24] flex-item [-200+0+0 200 0+0+0] [0+0+0 16 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 5, rect: [443.375,24 36.84375x16] baseline: 12.796875
                "hello"
            TextNode <#text> (not painted)
      TextNode <#text> (not painted)
      InlineNode <span> at [654.375,27] [0+0+0 30.1875 0+0+0] [0+0+0 16 0+0+0]
        frag 0 from TextNode start: 0, length: 3, rect: [654.375,27 30.1875x16] baseline: 12.796875
            "boo"
        TextNode <#text> (not painted)
      TextAreaBox <textarea> at [11,43] inline-block [0+1+2 160 2+1+0] [0+1+2 26 2+1+0] [BFC] children: not-inline
        Box <div> at [11,43] flex-container(row) [0+0+0 160 0+0+0] [0+0+0 13 0+0+0] [FFC] children: not-inline
          BlockContainer <div> at [11,43] flex-item [0+0+0 160 0+0+0] [0+0+0 13 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 0, rect: [11,43 0x13] baseline: 10.390625
            TextNode <#text> (not painted)
          BlockContainer <div> at [11,43] flex-item [-160+0+0 160 0+0+0] [0+0+0 13 0+0+0] [BFC] children: inline
            frag 0 from TextNode start: 0, length: 5, rect: [11,43 29.921875x13] baseline: 10.390625
                "hello"
            TextNode <#text> (not painted)
      TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x80]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x64]
      PaintableWithLines (TextInputBox<INPUT>) [8,22 206x20]
        Paintable (Box<DIV>) [11,24 200x16]
          PaintableWithLines (BlockContainer<DIV>) [11,24 200x16]
      InlinePaintable (InlineNode<SPAN>) [214,27 30.1875x16]
      PaintableWithLines (TextAreaBox<TEXTAREA>) [244.1875,8 166x32]
        Paintable (Box<DIV>) [247.1875,11 160x13]
          PaintableWithLines (BlockContainer<DIV>) [247.1875,11 160x13]
      InlinePaintable (InlineNode<SPAN>) [410.1875,27 30.1875x16]
      PaintableWithLines (TextInputBox<INPUT>) [440.375,22 206x20]
        Paintable (Box<DIV>) [443.375,24 200x16]
          PaintableWithLines (BlockContainer<DIV>) [443.375,24 200x16]
          PaintableWithLines (BlockContainer<DIV>) [443.375,24 200x16]
      InlinePaintable (InlineNode<SPAN>) [654.375,27 30.1875x16]
      PaintableWithLines (TextAreaBox<TEXTAREA>) [8,40 166x32]
        Paintable (Box<DIV>) [11,43 160x13]
          PaintableWithLines (BlockContainer<DIV>) [11,43 160x13]
          PaintableWithLines (BlockContainer<DIV>) [11,43 160x13]

SC for Viewport<#document> [0,0 800x600] (z-index: auto)
 SC for BlockContainer<HTML> [0,0 800x80] (z-index: auto)
