mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 08:27:46 +00:00
LibWeb: Support setting dimensions on input image buttons
Users are allowed to specify the height and width of an image button directly in the HTML.
This commit is contained in:
parent
3ea26327c7
commit
3f3db34587
4 changed files with 45 additions and 9 deletions
|
@ -1,17 +1,31 @@
|
|||
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 784x120 children: not-inline
|
||||
BlockContainer <form> at (8,8) content-size 784x120 children: inline
|
||||
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 120x120] baseline: 120
|
||||
BlockContainer <body> at (8,8) content-size 784x259 children: not-inline
|
||||
BlockContainer <form> at (8,8) content-size 784x259 children: inline
|
||||
frag 0 from ImageBox start: 0, length: 0, rect: [8,216 48x48] baseline: 48
|
||||
frag 1 from TextNode start: 0, length: 1, rect: [56,250 8x17] baseline: 13.296875
|
||||
" "
|
||||
frag 2 from ImageBox start: 0, length: 0, rect: [64,200 64x64] baseline: 64
|
||||
frag 3 from TextNode start: 0, length: 1, rect: [128,250 8x17] baseline: 13.296875
|
||||
" "
|
||||
frag 4 from ImageBox start: 0, length: 0, rect: [136,8 128x256] baseline: 256
|
||||
TextNode <#text>
|
||||
ImageBox <input> at (8,8) content-size 120x120 inline-block children: not-inline
|
||||
ImageBox <input> at (8,216) content-size 48x48 inline-block children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,144) content-size 784x0 children: inline
|
||||
ImageBox <input> at (64,200) content-size 64x64 inline-block children: not-inline
|
||||
TextNode <#text>
|
||||
ImageBox <input> at (136,8) content-size 128x256 inline-block children: not-inline
|
||||
TextNode <#text>
|
||||
BlockContainer <(anonymous)> at (8,283) content-size 784x0 children: inline
|
||||
TextNode <#text>
|
||||
|
||||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
|
||||
PaintableWithLines (BlockContainer<BODY>) [8,8 784x120] overflow: [8,8 784x136]
|
||||
PaintableWithLines (BlockContainer<FORM>) [8,8 784x120]
|
||||
ImagePaintable (ImageBox<INPUT>) [8,8 120x120]
|
||||
PaintableWithLines (BlockContainer(anonymous)) [8,144 784x0]
|
||||
PaintableWithLines (BlockContainer<BODY>) [8,8 784x259] overflow: [8,8 784x275]
|
||||
PaintableWithLines (BlockContainer<FORM>) [8,8 784x259]
|
||||
ImagePaintable (ImageBox<INPUT>) [8,216 48x48]
|
||||
TextPaintable (TextNode<#text>)
|
||||
ImagePaintable (ImageBox<INPUT>) [64,200 64x64]
|
||||
TextPaintable (TextNode<#text>)
|
||||
ImagePaintable (ImageBox<INPUT>) [136,8 128x256]
|
||||
PaintableWithLines (BlockContainer(anonymous)) [8,283 784x0]
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
<form>
|
||||
<input type="image" src="120.png" alt="Image not found" width="48" height="48">
|
||||
<input type="image" src="120.png" alt="Image not found" width="64" height="64">
|
||||
<input type="image" src="120.png" alt="Image not found" width="128" height="256">
|
||||
</form>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue