Implements full text input lifecycle: rendering with UA stylesheet chrome, keyboard editing, blinking caret, selection highlighting, placeholder text, password masking, textarea multiline support, input/change event dispatch with InputEvent.inputType per Input Events Level 2, maxlength/readonly constraint enforcement, and 4 golden tests + 11 unit tests. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
36 lines
1.3 KiB
Plaintext
36 lines
1.3 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 41.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#3 tag=body box=block
|
|
content: (8, 8, 784, 25.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
inline_context: 1 lines, height=25.2, max_width=184.05434
|
|
line[0]: rect=(8, 8, 184.05434, 25.2) fragments=1
|
|
frag[0]: rect=(8, 8, 181, 25.2) text=(none) start=false end=false
|
|
LayoutBox node=#4 tag=input box=inline-block
|
|
content: (12, 11, 173, 19.2)
|
|
padding: 1 2 1 2
|
|
border: 2 2 2 2
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=92.28781
|
|
line[0]: rect=(12, 11, 92.28781, 19.2) fragments=3
|
|
frag[0]: rect=(12, 12.6, 29.509544, 16) text="Enter" start=false end=false
|
|
frag[1]: rect=(44.563877, 12.6, 25.209986, 16) text="your" start=false end=false
|
|
frag[2]: rect=(72.82819, 12.6, 31.459618, 16) text="name" start=false end=false
|
|
LayoutBox node=#4 tag=anonymous box=anon
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Enter your name"
|
|
LayoutBox node=#5 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|