Implement checkbox rendering (13×13px box with ✓ text glyph when checked), radio buttons (circle with filled dot), label click delegation (for attribute and implicit wrapping), disabled state enforcement (blocks clicks/focus/submission with visual overlay), button type handling (submit/button/reset for both <button> and <input> variants), form data collection for checked controls, and form reset. Includes code review fixes: replaced broken SolidRect checkmark with text glyph, added disabled overlay for button/textarea, rewrote integration tests to verify actual behavior. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
88 lines
3.0 KiB
Plaintext
88 lines
3.0 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=#6 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=418.2173
|
|
line[0]: rect=(8, 8, 418.2173, 25.2) fragments=4
|
|
frag[0]: rect=(8, 8, 181, 25.2) text=(none) start=false end=false
|
|
frag[1]: rect=(192.05434, 8, 181, 25.2) text=(none) start=false end=false
|
|
frag[2]: rect=(376.10864, 11.158003, 22, 21) text=(none) start=false end=false
|
|
frag[3]: rect=(401.16296, 11.158003, 22, 21) text=(none) start=false end=false
|
|
LayoutBox node=#7 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: " "
|
|
LayoutBox node=#8 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=44.581497
|
|
line[0]: rect=(12, 11, 44.581497, 19.2) fragments=1
|
|
frag[0]: rect=(12, 12.6, 44.581497, 16) text="enabled" start=false end=false
|
|
LayoutBox node=#8 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: "enabled"
|
|
LayoutBox node=#9 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: " "
|
|
LayoutBox node=#10 tag=input box=inline-block
|
|
content: (196.05434, 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=46.57856
|
|
line[0]: rect=(196.05434, 11, 46.57856, 19.2) fragments=1
|
|
frag[0]: rect=(196.05434, 12.6, 46.57856, 16) text="disabled" start=false end=false
|
|
LayoutBox node=#10 tag=anonymous box=anon
|
|
content: (184.05434, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "disabled"
|
|
LayoutBox node=#11 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: " "
|
|
LayoutBox node=#12 tag=input box=inline-block
|
|
content: (381.10864, 15.158003, 13, 13)
|
|
padding: 0 0 0 0
|
|
border: 1 1 1 1
|
|
margin: 3 3 3 4
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#13 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: " "
|
|
LayoutBox node=#14 tag=input box=inline-block
|
|
content: (406.16296, 15.158003, 13, 13)
|
|
padding: 0 0 0 0
|
|
border: 1 1 1 1
|
|
margin: 3 3 3 4
|
|
border-radius: (7.50, 7.50, 7.50, 7.50)
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#15 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: " "
|