Skip to content
Permalink
Browse files
input[type=search] preferred content width should not include decorat…
…ions

https://bugs.webkit.org/show_bug.cgi?id=240785
<rdar://94113204>

Reviewed by Antti Koivisto.

- Only add decorationWidth when size attribute is set (the main reason this code was added in bug 119174)
- Use renderStyle() instead of computedStyle() so it takes in account display: none; and has latest up-to-date style

* Source/WebCore/html/SearchInputType.cpp:
(WebCore::SearchInputType::sizeShouldIncludeDecoration const):
(WebCore::SearchInputType::decorationWidth const):
* LayoutTests/platform/gtk/fast/css/focus-ring-exists-for-search-field-expected.txt:
* LayoutTests/platform/gtk/fast/css/input-search-padding-expected.txt:
* LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.txt:
* LayoutTests/platform/gtk/fast/forms/datalist/datalist-searchinput-appearance-expected.txt:
* LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.txt:
* LayoutTests/platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.txt:
* LayoutTests/platform/gtk/fast/forms/search-display-none-cancel-button-expected.txt:
* LayoutTests/platform/gtk/fast/forms/search-input-rtl-expected.txt:
* LayoutTests/platform/gtk/fast/forms/search-rtl-expected.txt:
* LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt:
* LayoutTests/platform/gtk/fast/forms/searchfield-heights-expected.txt:
* LayoutTests/platform/gtk/fast/repaint/search-field-cancel-expected.txt:
* LayoutTests/platform/ios-simulator/fast/forms/datalist/datalist-searchinput-appearance-expected.txt:
* LayoutTests/platform/ios/fast/css/focus-ring-exists-for-search-field-expected.txt:
* LayoutTests/platform/ios/fast/css/text-overflow-input-expected.txt:
* LayoutTests/platform/ios/fast/forms/box-shadow-override-expected.txt:
* LayoutTests/platform/ios/fast/forms/control-restrict-line-height-expected.txt:
* LayoutTests/platform/ios/fast/forms/input-appearance-height-expected.txt:
* LayoutTests/platform/ios/fast/forms/placeholder-pseudo-style-expected.txt:
* LayoutTests/platform/ios/fast/forms/search-cancel-button-style-sharing-expected.txt:
* LayoutTests/platform/ios/fast/forms/search-display-none-cancel-button-expected.txt:
* LayoutTests/platform/ios/fast/forms/search-input-rtl-expected.txt:
* LayoutTests/platform/ios/fast/forms/search-styled-expected.txt:
* LayoutTests/platform/mac/fast/css/focus-ring-exists-for-search-field-expected.txt:
* LayoutTests/platform/mac/fast/css/text-overflow-input-expected.txt:
* LayoutTests/platform/mac/fast/forms/box-shadow-override-expected.txt:
* LayoutTests/platform/mac/fast/forms/control-restrict-line-height-expected.txt:
* LayoutTests/platform/mac/fast/forms/datalist/datalist-searchinput-appearance-expected.txt:
* LayoutTests/platform/mac/fast/forms/input-appearance-height-expected.txt:
* LayoutTests/platform/mac/fast/forms/placeholder-position-expected.txt:
* LayoutTests/platform/mac/fast/forms/placeholder-pseudo-style-expected.txt:
* LayoutTests/platform/mac/fast/forms/search-cancel-button-style-sharing-expected.txt:
* LayoutTests/platform/mac/fast/forms/search-display-none-cancel-button-expected.txt:
* LayoutTests/platform/mac/fast/forms/search-input-rtl-expected.txt:
* LayoutTests/platform/mac/fast/forms/search-rtl-expected.txt:
* LayoutTests/platform/mac/fast/forms/search-styled-expected.txt:
* LayoutTests/platform/mac-bigsur/fast/forms/control-restrict-line-height-expected.txt:

Canonical link: https://commits.webkit.org/253595@main
  • Loading branch information
nt1m committed Aug 19, 2022
1 parent 89e1f9c commit 5f2088ec9415135b1cfeb877e94b1b4497e750e5
Show file tree
Hide file tree
Showing 41 changed files with 752 additions and 738 deletions.
@@ -8,11 +8,11 @@ layer at (0,0) size 800x600
text run at (0,0) width 742: "Assuming the port-specific theme draws focus rings, this test can be used to ensure that a focus ring is drawn around a"
text run at (0,18) width 76: "search field."
RenderBlock (anonymous) at (0,52) size 784x24
RenderTextControl {INPUT} at (0,0) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (0,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 186x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (0,0) size 0x0
layer at (11,63) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (11,63) size 170x18
RenderBlock {DIV} at (0,0) size 170x18
caret: position 0 of child 0 {DIV} of child 1 {DIV} of child 0 {DIV} of {#document-fragment} of child 3 {INPUT} of body
@@ -3,30 +3,30 @@ layer at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584
RenderTextControl {INPUT} at (0,0) size 501x80 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 495x45
RenderTextControl {INPUT} at (0,0) size 461x80 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 455x45
RenderBlock {DIV} at (0,22) size 0x0
RenderBlock {DIV} at (0,0) size 455x45
RenderBR {BR} at (501,25) size 0x17
RenderBlock {DIV} at (0,0) size 415x45
RenderBR {BR} at (461,25) size 0x17
RenderTextControl {INPUT} at (0,80) size 461x80 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderBR {BR} at (461,105) size 0x17
RenderTextControl {INPUT} at (0,160) size 260x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (6,1) size 248x23
RenderTextControl {INPUT} at (0,160) size 240x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (6,1) size 228x23
RenderBlock {DIV} at (0,11) size 0x0
RenderBlock {DIV} at (0,0) size 228x23
layer at (11,11) size 455x45
RenderBlock {DIV} at (0,0) size 455x45
RenderBlock {DIV} at (0,0) size 208x23
layer at (11,11) size 415x45
RenderBlock {DIV} at (0,0) size 415x45
RenderText {#text} at (0,0) size 362x44
text run at (0,0) width 362: "value jgq not clipped"
layer at (11,91) size 455x45
RenderBlock {DIV} at (3,3) size 455x45
RenderText {#text} at (0,0) size 362x44
text run at (0,0) width 362: "value jgq not clipped"
layer at (14,169) size 228x23
RenderBlock {DIV} at (0,0) size 228x23
layer at (14,169) size 208x23
RenderBlock {DIV} at (0,0) size 208x23
RenderText {#text} at (0,0) size 118x22
text run at (0,0) width 118: "Sample Input"
layer at (466,14) size 40x40
RenderBlock {DIV} at (455,2) size 40x41 [bgcolor=#000000]
layer at (242,171) size 20x20
RenderBlock {DIV} at (228,1) size 20x21 [bgcolor=#000000]
layer at (426,14) size 40x40
RenderBlock {DIV} at (415,2) size 40x41 [bgcolor=#000000]
layer at (222,171) size 20x20
RenderBlock {DIV} at (208,1) size 20x21 [bgcolor=#000000]
@@ -16,14 +16,14 @@ layer at (0,0) size 800x600
RenderText at (0,4) size 358x17
text run at (0,4) width 358: "This text should be centered vertically in the button"
RenderBR {BR} at (374,56) size 0x17
RenderTextControl {INPUT} at (0,83) size 208x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x26
RenderTextControl {INPUT} at (0,83) size 192x32 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x26
RenderBlock {DIV} at (0,13) size 0x0
RenderBlock {DIV} at (0,0) size 186x26
RenderBlock {DIV} at (0,0) size 170x26
RenderText {#text} at (0,0) size 0x0
layer at (11,94) size 186x26 scrollWidth 359
RenderBlock {DIV} at (0,0) size 186x26
layer at (11,94) size 170x26 scrollWidth 359
RenderBlock {DIV} at (0,0) size 170x26
RenderText {#text} at (0,4) size 358x17
text run at (0,4) width 358: "This text should be centered vertically in the button"
layer at (197,99) size 16x16
RenderBlock {DIV} at (186,5) size 16x16 [bgcolor=#000000]
layer at (181,99) size 16x16
RenderBlock {DIV} at (170,5) size 16x16 [bgcolor=#000000]
@@ -3,11 +3,11 @@ layer at (0,0) size 800x600
layer at (0,0) size 800x40
RenderBlock {HTML} at (0,0) size 800x40
RenderBody {BODY} at (8,8) size 784x24
RenderTextControl {INPUT} at (0,0) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (0,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 172x18
RenderBlock {DIV} at (0,0) size 156x18
RenderText {#text} at (0,0) size 0x0
RenderText {#text} at (0,0) size 0x0
layer at (11,11) size 172x18
RenderBlock {DIV} at (0,0) size 172x18
layer at (11,11) size 156x18
RenderBlock {DIV} at (0,0) size 156x18
@@ -90,10 +90,10 @@ layer at (0,0) size 800x600
RenderBR {BR} at (260,238) size 0x17
RenderText {#text} at (0,262) size 44x17
text run at (0,262) width 44: "search "
RenderTextControl {INPUT} at (44,259) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (44,259) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 186x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (0,0) size 0x0
layer at (47,29) size 186x18
RenderBlock {DIV} at (3,3) size 186x18
@@ -103,5 +103,5 @@ layer at (60,240) size 186x18
RenderBlock {DIV} at (3,3) size 186x18
layer at (75,264) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (55,288) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (55,288) size 170x18
RenderBlock {DIV} at (0,0) size 170x18
@@ -7,22 +7,22 @@ layer at (0,0) size 800x600
RenderText {#text} at (0,0) size 385x17
text run at (0,0) width 385: "Only the second search field should have a cancel button (\x{D7})."
RenderBlock (anonymous) at (0,34) size 784x24
RenderTextControl {INPUT} at (0,0) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (0,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 186x18
RenderText {#text} at (208,3) size 4x17
text run at (208,3) width 4: " "
RenderTextControl {INPUT} at (212,0) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (192,3) size 4x17
text run at (192,3) width 4: " "
RenderTextControl {INPUT} at (196,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 186x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (0,0) size 0x0
layer at (11,45) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (223,45) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (11,45) size 170x18
RenderBlock {DIV} at (0,0) size 170x18
layer at (207,45) size 170x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (0,0) size 56x17
text run at (0,0) width 56: "this one"
layer at (409,46) size 16x16
RenderBlock {DIV} at (186,1) size 16x16 [bgcolor=#000000]
layer at (377,46) size 16x16
RenderBlock {DIV} at (170,1) size 16x16 [bgcolor=#000000]
@@ -6,12 +6,12 @@ layer at (0,0) size 800x600
RenderText {#text} at (0,0) size 499x17
text run at (0,0) width 499: "This tests that the display:none style will work on a search field's cancel button."
RenderBR {BR} at (499,0) size 0x17
RenderTextControl {INPUT} at (0,18) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (0,18) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 202x18
RenderBlock {DIV} at (0,0) size 186x18
RenderText {#text} at (0,0) size 0x0
layer at (11,29) size 202x18
RenderBlock {DIV} at (0,0) size 202x18
layer at (11,29) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
RenderText {#text} at (0,0) size 25x17
text run at (0,0) width 25: "test"
@@ -7,54 +7,54 @@ layer at (0,0) size 800x64
RenderText {#text} at (625,3) size 159x17
text run at (625,3) width 8 RTL: ": "
text run at (633,3) width 151: "right to left search fields"
RenderTextControl {INPUT} at (418,0) size 207x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 201x18
RenderBlock {DIV} at (201,9) size 0x0
RenderBlock {DIV} at (16,0) size 185x18
RenderText {#text} at (414,3) size 4x17
text run at (414,3) width 4 RTL: " "
RenderTextControl {INPUT} at (191,0) size 223x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 217x18
RenderBlock {DIV} at (16,0) size 185x18
RenderTextControl {INPUT} at (434,0) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 185x18
RenderBlock {DIV} at (185,9) size 0x0
RenderBlock {DIV} at (16,0) size 169x18
RenderText {#text} at (430,3) size 4x17
text run at (430,3) width 4 RTL: " "
RenderTextControl {INPUT} at (239,0) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 185x18
RenderBlock {DIV} at (16,0) size 153x18
RenderText {#text} at (0,0) size 0x0
RenderBlock {DIV} at (0,24) size 784x24
RenderText {#text} at (0,3) size 159x17
text run at (0,3) width 159: "left to right search fields: "
RenderTextControl {INPUT} at (159,0) size 208x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 202x18
RenderTextControl {INPUT} at (159,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (0,9) size 0x0
RenderBlock {DIV} at (0,0) size 186x18
RenderText {#text} at (367,3) size 4x17
text run at (367,3) width 4: " "
RenderTextControl {INPUT} at (371,0) size 224x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 218x18
RenderBlock {DIV} at (16,0) size 186x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (351,3) size 4x17
text run at (351,3) width 4: " "
RenderTextControl {INPUT} at (355,0) size 192x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 186x18
RenderBlock {DIV} at (16,0) size 154x18
RenderText {#text} at (0,0) size 0x0
layer at (445,11) size 185x18
RenderBlock {DIV} at (0,0) size 185x18
RenderText {#text} at (140,0) size 45x17
text run at (140,0) width 45: "foobar"
layer at (218,11) size 185x18
RenderBlock {DIV} at (0,0) size 185x18
RenderText {#text} at (140,0) size 45x17
text run at (140,0) width 45: "foobar"
layer at (170,35) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (461,11) size 169x18
RenderBlock {DIV} at (0,0) size 169x18
RenderText {#text} at (124,0) size 45x17
text run at (124,0) width 45: "foobar"
layer at (266,11) size 153x18
RenderBlock {DIV} at (0,0) size 153x18
RenderText {#text} at (108,0) size 45x17
text run at (108,0) width 45: "foobar"
layer at (170,35) size 170x18
RenderBlock {DIV} at (0,0) size 170x18
RenderText {#text} at (0,0) size 45x17
text run at (0,0) width 45: "foobar"
layer at (398,35) size 186x18
RenderBlock {DIV} at (0,0) size 186x18
layer at (382,35) size 154x18
RenderBlock {DIV} at (0,0) size 154x18
RenderText {#text} at (0,0) size 45x17
text run at (0,0) width 45: "foobar"
layer at (429,12) size 16x16
layer at (445,12) size 16x16
RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000]
layer at (403,12) size 16x16
RenderBlock {DIV} at (201,1) size 16x16 [bgcolor=#000000]
layer at (202,12) size 16x16
layer at (419,12) size 16x16
RenderBlock {DIV} at (169,1) size 16x16 [bgcolor=#000000]
layer at (250,12) size 16x16
RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000]
layer at (356,36) size 16x16
RenderBlock {DIV} at (186,1) size 16x16 [bgcolor=#000000]
layer at (382,36) size 16x16
layer at (340,36) size 16x16
RenderBlock {DIV} at (170,1) size 16x16 [bgcolor=#000000]
layer at (366,36) size 16x16
RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000]
layer at (584,36) size 16x16
RenderBlock {DIV} at (202,1) size 16x16 [bgcolor=#000000]
layer at (536,36) size 16x16
RenderBlock {DIV} at (170,1) size 16x16 [bgcolor=#000000]
@@ -16,29 +16,29 @@ layer at (0,0) size 800x600
RenderText {#text} at (747,0) size 5x17
text run at (747,0) width 5: "."
RenderBlock {P} at (0,34) size 784x72
RenderTextControl {INPUT} at (0,0) size 223x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 217x18
RenderBlock {DIV} at (16,0) size 185x18
RenderBR {BR} at (223,3) size 0x17
RenderTextControl {INPUT} at (0,0) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 185x18
RenderBlock {DIV} at (16,0) size 153x18
RenderBR {BR} at (191,3) size 0x17
RenderTextControl {INPUT} at (0,24) size 313x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 307x18
RenderBlock {DIV} at (16,0) size 275x18
RenderBR {BR} at (313,27) size 0x17
RenderTextControl {INPUT} at (0,48) size 223x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 217x18
RenderBlock {DIV} at (16,0) size 185x18
RenderTextControl {INPUT} at (0,48) size 191x24 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
RenderFlexibleBox {DIV} at (3,3) size 185x18
RenderBlock {DIV} at (16,0) size 153x18
RenderText {#text} at (0,0) size 0x0
RenderBlock {P} at (0,122) size 784x18
RenderText {#text} at (0,0) size 38x17
text run at (0,0) width 38: "PASS"
layer at (27,45) size 185x18
RenderBlock {DIV} at (0,0) size 185x18
RenderText {#text} at (12,0) size 173x17
text run at (12,0) width 28 RTL: " \x{5D5}\x{5D6}\x{5D4}\x{5D5}"
text run at (39,0) width 27: "she"
text run at (65,0) width 56 RTL: " \x{5D5}\x{5D4}\x{5D9}\x{5D0} \x{5D6}\x{5D4} "
text run at (120,0) width 19: "he"
text run at (138,0) width 47 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5D6}\x{5D4} "
layer at (27,45) size 153x18 scrollX 20 scrollWidth 173
RenderBlock {DIV} at (0,0) size 153x18
RenderText {#text} at (-19,0) size 173x17
text run at (-19,0) width 27 RTL: " \x{5D5}\x{5D6}\x{5D4}\x{5D5}"
text run at (7,0) width 27: "she"
text run at (33,0) width 56 RTL: " \x{5D5}\x{5D4}\x{5D9}\x{5D0} \x{5D6}\x{5D4} "
text run at (88,0) width 19: "he"
text run at (106,0) width 47 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5D6}\x{5D4} "
layer at (27,69) size 275x18
RenderBlock {DIV} at (0,0) size 275x18
RenderText {#text} at (102,0) size 173x17
@@ -47,16 +47,16 @@ layer at (27,69) size 275x18
text run at (155,0) width 56 RTL: " \x{5D5}\x{5D4}\x{5D9}\x{5D0} \x{5D6}\x{5D4} "
text run at (210,0) width 19: "he"
text run at (228,0) width 47 RTL: "\x{5D4}\x{5D5}\x{5D0} \x{5D6}\x{5D4} "
layer at (27,93) size 185x18
RenderBlock {DIV} at (0,0) size 185x18
layer at (212,46) size 16x16
RenderBlock {DIV} at (201,1) size 16x16 [bgcolor=#000000]
layer at (27,93) size 153x18
RenderBlock {DIV} at (0,0) size 153x18
layer at (180,46) size 16x16
RenderBlock {DIV} at (169,1) size 16x16 [bgcolor=#000000]
layer at (11,46) size 16x16
RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000]
layer at (302,70) size 16x16
RenderBlock {DIV} at (291,1) size 16x16 [bgcolor=#000000]
layer at (11,70) size 16x16
RenderBlock {DIV} at (0,1) size 16x16 [bgcolor=#000000]
layer at (212,94) size 16x16
RenderBlock {DIV} at (201,1) size 16x16 [bgcolor=#000000]
layer at (180,94) size 16x16
RenderBlock {DIV} at (169,1) size 16x16 [bgcolor=#000000]
caret: position 0 of child 0 {DIV} of child 1 {DIV} of child 0 {DIV} of {#document-fragment} of child 7 {INPUT} of child 3 {P} of body
@@ -3,15 +3,15 @@ layer at (0,0) size 800x600
layer at (0,0) size 800x36
RenderBlock {html} at (0,0) size 800x36
RenderBody {body} at (8,8) size 784x20
RenderTextControl {input} at (0,0) size 169x20 [bgcolor=#FFFFFF] [border: (1px solid #BDC7D8)]
RenderFlexibleBox {div} at (18,4) size 147x12
RenderBlock {div} at (11,0) size 125x12
RenderTextControl {input} at (0,0) size 147x20 [bgcolor=#FFFFFF] [border: (1px solid #BDC7D8)]
RenderFlexibleBox {div} at (18,4) size 125x12
RenderBlock {div} at (11,0) size 103x12
RenderText {#text} at (0,0) size 0x0
layer at (37,12) size 125x12
RenderBlock {div} at (29,4) size 125x12 [color=#A9A9A9]
layer at (37,12) size 103x12
RenderBlock {div} at (29,4) size 103x12 [color=#A9A9A9]
RenderText {#text} at (0,0) size 88x12
text run at (0,0) width 88: "Search for Events"
layer at (37,12) size 125x12
RenderBlock {div} at (0,0) size 125x12
layer at (37,12) size 103x12
RenderBlock {div} at (0,0) size 103x12
layer at (26,13) size 11x11
RenderBlock {div} at (0,0) size 11x12 [bgcolor=#000000]

0 comments on commit 5f2088e

Please sign in to comment.