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

LayoutTests/platform/gtk/fast/css/focus-ring-exists-for-search-field-expected.txt

@@ -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

LayoutTests/platform/gtk/fast/css/input-search-padding-expected.txt

@@ -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]

LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.txt

@@ -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]

LayoutTests/platform/gtk/fast/forms/datalist/datalist-searchinput-appearance-expected.txt

@@ -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

LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.txt

@@ -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

LayoutTests/platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.txt

@@ -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]

LayoutTests/platform/gtk/fast/forms/search-display-none-cancel-button-expected.txt

@@ -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"

LayoutTests/platform/gtk/fast/forms/search-input-rtl-expected.txt

@@ -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]

LayoutTests/platform/gtk/fast/forms/search-rtl-expected.txt

@@ -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

LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt

@@ -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]