mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
c72de688cc
If the input's contents exceeded the dimensions of the inner text, it would simply get clipped. This allows the user to scroll the input horizontally.
76 lines
4.9 KiB
Plaintext
76 lines
4.9 KiB
Plaintext
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 70 0+0+0] [BFC] children: not-inline
|
|
BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 54 0+0+8] children: inline
|
|
frag 0 from TextInputBox start: 0, length: 0, rect: [9,9 200x25] baseline: 25
|
|
frag 1 from TextNode start: 0, length: 1, rect: [210,15 10x23] baseline: 17.5
|
|
" "
|
|
frag 2 from TextInputBox start: 0, length: 0, rect: [221,14 200x25] baseline: 19.5
|
|
frag 3 from TextNode start: 0, length: 1, rect: [422,15 10x23] baseline: 17.5
|
|
" "
|
|
frag 4 from TextInputBox start: 0, length: 0, rect: [433,9 200x25] baseline: 25
|
|
frag 5 from TextInputBox start: 0, length: 0, rect: [9,36 200x25] baseline: 19.5
|
|
TextInputBox <input> at [9,9] inline-block [0+1+0 200 0+1+0] [0+1+0 25 0+1+0] [BFC] children: not-inline
|
|
Box <div> at [11,10] flex-container(row) [0+0+2 196 2+0+0] [0+0+1 23 1+0+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [11,10] flex-item [0+0+0 196 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [11,10 40.1875x23] baseline: 17.5
|
|
"text"
|
|
TextNode <#text> (not painted)
|
|
TextNode <#text> (not painted)
|
|
TextInputBox <input> at [221,14] inline-block [0+1+0 200 0+1+0] [0+1+0 25 0+1+0] [BFC] children: not-inline
|
|
Box <div> at [223,15] flex-container(row) [0+0+2 196 2+0+0] [0+0+1 23 1+0+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [223,15] flex-item [0+0+0 0 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 0, rect: [223,15 0x23] baseline: 17.5
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [223,15] flex-item [0+0+0 196 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 34, rect: [223,15 344.546875x23] baseline: 17.5
|
|
"This placeholder should be visible"
|
|
TextNode <#text> (not painted)
|
|
TextNode <#text> (not painted)
|
|
TextInputBox <input> at [433,9] inline-block [0+1+0 200 0+1+0] [0+1+0 25 0+1+0] [BFC] children: not-inline
|
|
Box <div> at [435,10] flex-container(row) [0+0+2 196 2+0+0] [0+0+1 23 1+0+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [435,10] flex-item [0+0+0 196 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [435,10 40.1875x23] baseline: 17.5
|
|
"text"
|
|
TextNode <#text> (not painted)
|
|
TextNode <#text> (not painted)
|
|
TextInputBox <input#placeholder> at [9,36] inline-block [0+1+0 200 0+1+0] [0+1+0 25 0+1+0] [BFC] children: not-inline
|
|
Box <div> at [11,37] flex-container(row) [0+0+2 196 2+0+0] [0+0+1 23 1+0+0] [FFC] children: not-inline
|
|
BlockContainer <div> at [11,37] flex-item [0+0+0 0 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 0, rect: [11,37 0x23] baseline: 17.5
|
|
TextNode <#text> (not painted)
|
|
BlockContainer <div> at [11,37] flex-item [0+0+0 196 0+0+0] [0+0+0 23 0+0+0] [BFC] children: inline
|
|
frag 0 from TextNode start: 0, length: 39, rect: [11,37 396.171875x23] baseline: 17.5
|
|
"This placeholder should also be visible"
|
|
TextNode <#text> (not painted)
|
|
TextNode <#text> (not painted)
|
|
TextNode <#text> (not painted)
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x54]
|
|
PaintableWithLines (TextInputBox<INPUT>) [8,8 202x27]
|
|
PaintableBox (Box<DIV>) [9,9 200x25]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,10 196x23]
|
|
TextPaintable (TextNode<#text>)
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (TextInputBox<INPUT>) [220,13 202x27]
|
|
PaintableBox (Box<DIV>) [221,14 200x25]
|
|
PaintableWithLines (BlockContainer<DIV>) [223,15 0x23]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [223,15 196x23]
|
|
TextPaintable (TextNode<#text>)
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (TextInputBox<INPUT>) [432,8 202x27]
|
|
PaintableBox (Box<DIV>) [433,9 200x25]
|
|
PaintableWithLines (BlockContainer<DIV>) [435,10 196x23]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (TextInputBox<INPUT>#placeholder) [8,35 202x27]
|
|
PaintableBox (Box<DIV>) [9,36 200x25]
|
|
PaintableWithLines (BlockContainer<DIV>) [11,37 0x23]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>) [11,37 196x23]
|
|
TextPaintable (TextNode<#text>)
|
|
|
|
SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
|
|
SC for BlockContainer<HTML> [0,0 800x70] [children: 0] (z-index: auto)
|