[SCM] WebKit Debian packaging branch, debian/experimental, updated. debian/1.3.8-1-1049-g2e11a8e

mrobinson at webkit.org mrobinson at webkit.org
Fri Jan 21 14:55:47 UTC 2011


The following commit has been merged in the debian/experimental branch:
commit 0cf708da70bf0c5c80ccfdc7e14035f88dca5f8b
Author: mrobinson at webkit.org <mrobinson at webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Date:   Tue Jan 4 22:58:45 2011 +0000

    2011-01-04  Martin Robinson  <mrobinson at igalia.com>
    
            Reviewed by Xan Lopez.
    
            [GTK] Use the default CSS text input control border width of relying on the GTK+ theme
            https://bugs.webkit.org/show_bug.cgi?id=51887
    
            Update all results that use text areas. These controls now have a 1 pixel
            border (the default in html.css) instead of using the border size from the
            GTK+ theme.
    
            * platform/gtk/fast/forms/basic-textareas-expected.txt:
            * platform/gtk/fast/forms/form-element-geometry-expected.txt:
            * platform/gtk/fast/forms/onselect-textarea-expected.txt:
            * platform/gtk/fast/forms/placeholder-stripped-expected.txt:
            * platform/gtk/fast/forms/search-styled-expected.txt:
            * platform/gtk/fast/forms/textAreaLineHeight-expected.txt:
            * platform/gtk/fast/forms/textarea-align-expected.txt:
            * platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt:
            * platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt:
            * platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt:
            * platform/gtk/fast/forms/textarea-scroll-height-expected.txt:
            * platform/gtk/fast/forms/textarea-scrollbar-expected.txt:
            * platform/gtk/fast/forms/textarea-scrolled-type-expected.txt:
            * platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt:
            * platform/gtk/fast/forms/textarea-width-expected.txt:
    2011-01-04  Martin Robinson  <mrobinson at igalia.com>
    
            Reviewed by Xan Lopez.
    
            [GTK] Use the default CSS text input control border width of relying on the GTK+ theme
            https://bugs.webkit.org/show_bug.cgi?id=51887
    
            Do not rely on the GTK+ theme to determine text control borders. This simplifies
            the RenderTheme code, prevents metrics differences between GTK+ 2.x and 3.x and
            doesn't break the rendering of any theme that I've encountered.
    
            * platform/gtk/RenderThemeGtk.cpp:
            (WebCore::RenderThemeGtk::adjustSearchFieldStyle): No longer call setTextInputBorders, but
            still disable any border radius.
            * platform/gtk/RenderThemeGtk.h: Remove setTextInputBorders and no longer override the
            default style of text areas and text input controls.
            * platform/gtk/RenderThemeGtk2.cpp: Ditto.
            * platform/gtk/RenderThemeGtk3.cpp: Ditto.
    
    git-svn-id: http://svn.webkit.org/repository/webkit/trunk@75016 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
index f0addd5..f15df45 100644
--- a/LayoutTests/ChangeLog
+++ b/LayoutTests/ChangeLog
@@ -1,3 +1,30 @@
+2011-01-04  Martin Robinson  <mrobinson at igalia.com>
+
+        Reviewed by Xan Lopez.
+
+        [GTK] Use the default CSS text input control border width of relying on the GTK+ theme
+        https://bugs.webkit.org/show_bug.cgi?id=51887
+
+        Update all results that use text areas. These controls now have a 1 pixel
+        border (the default in html.css) instead of using the border size from the
+        GTK+ theme.
+
+        * platform/gtk/fast/forms/basic-textareas-expected.txt:
+        * platform/gtk/fast/forms/form-element-geometry-expected.txt:
+        * platform/gtk/fast/forms/onselect-textarea-expected.txt:
+        * platform/gtk/fast/forms/placeholder-stripped-expected.txt:
+        * platform/gtk/fast/forms/search-styled-expected.txt:
+        * platform/gtk/fast/forms/textAreaLineHeight-expected.txt:
+        * platform/gtk/fast/forms/textarea-align-expected.txt:
+        * platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt:
+        * platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt:
+        * platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt:
+        * platform/gtk/fast/forms/textarea-scroll-height-expected.txt:
+        * platform/gtk/fast/forms/textarea-scrollbar-expected.txt:
+        * platform/gtk/fast/forms/textarea-scrolled-type-expected.txt:
+        * platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt:
+        * platform/gtk/fast/forms/textarea-width-expected.txt:
+
 2011-01-04  Zhe Su  <suzhe at chromium.org>
 
         Reviewed by Kenneth Russell.
diff --git a/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.txt b/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.txt
index 285c40b..07b4c36 100644
--- a/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.txt
@@ -1,96 +1,96 @@
-layer at (0,0) size 781x2031
+layer at (0,0) size 781x1997
   RenderView at (0,0) size 781x600
-layer at (0,0) size 781x2031
-  RenderBlock {HTML} at (0,0) size 781x2031
-    RenderBody {BODY} at (0,0) size 781x2031
-      RenderPartObject {IFRAME} at (0,0) size 781x1033
-        layer at (0,0) size 781x1033
-          RenderView at (0,0) size 781x1033
-        layer at (0,0) size 781x1033
-          RenderBlock {HTML} at (0,0) size 781x1033
-            RenderBody {BODY} at (0,5) size 781x1028
+layer at (0,0) size 781x1997
+  RenderBlock {HTML} at (0,0) size 781x1997
+    RenderBody {BODY} at (0,0) size 781x1997
+      RenderPartObject {IFRAME} at (0,0) size 781x1015
+        layer at (0,0) size 781x1015
+          RenderView at (0,0) size 781x1015
+        layer at (0,0) size 781x1015
+          RenderBlock {HTML} at (0,0) size 781x1015
+            RenderBody {BODY} at (0,5) size 781x1010
               RenderBlock {DIV} at (0,0) size 781x19
                 RenderText {#text} at (0,0) size 196x19
                   text run at (0,0) width 196: "CompatMode: CSS1Compat"
-              RenderBlock (anonymous) at (0,24) size 781x1004
-                RenderBlock {DIV} at (0,30) size 210x69 [border: (1px solid #0000FF)]
+              RenderBlock (anonymous) at (0,24) size 781x986
+                RenderBlock {DIV} at (0,30) size 208x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,12) size 80x0
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (210,30) size 210x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,30) size 208x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 76x14
                       text run at (0,0) width 76: "disabled: \"true\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (420,0) size 226x99 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,0) size 224x97 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 78x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 78: "\"padding:10px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,119) size 206x79 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,117) size 204x77 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 72x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 72: "\"padding:0px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (206,99) size 226x99 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (204,97) size 224x97 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 73: "\"margin:10px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (432,119) size 206x79 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (428,117) size 204x77 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 67x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 67: "\"margin:0px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (638,115) size 82x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (632,113) size 82x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 67x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 67: "\"width:60px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,198) size 106x133 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,194) size 104x131 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 73x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 73: "padding:20px\","
                   RenderBR {BR} at (81,29) size 0x14
-                RenderBlock {DIV} at (106,238) size 82x93 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (104,234) size 82x91 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 62x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 55: "padding:0\","
                   RenderBR {BR} at (81,29) size 0x14
-                RenderBlock {DIV} at (188,230) size 210x101 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (186,226) size 208x99 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 69x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 69: "\"height:60px\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (398,216) size 82x115 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (394,212) size 82x113 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 64x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,29) size 0x14
-                RenderBlock {DIV} at (480,248) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (476,244) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 91x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 91: "\"overflow:hidden\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,361) size 210x99 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,355) size 208x97 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 85x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 85: "\"overflow:scroll\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (210,331) size 82x129 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,325) size 82x127 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 86x56
                       text run at (0,0) width 25: "style:"
@@ -98,7 +98,7 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 57: "width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,43) size 0x14
-                RenderBlock {DIV} at (292,331) size 82x129 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (290,325) size 82x127 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 80x56
                       text run at (0,0) width 25: "style:"
@@ -106,21 +106,21 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 57: "width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,43) size 0x14
-                RenderBlock {DIV} at (374,345) size 82x115 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (372,339) size 82x113 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 72x42
                       text run at (0,0) width 72: "cols: \"5\", style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,29) size 0x14
-                RenderBlock {DIV} at (456,345) size 82x115 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (454,339) size 82x113 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 77x42
                       text run at (0,0) width 77: "rows: \"4\", style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,29) size 0x14
-                RenderBlock {DIV} at (538,331) size 82x129 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (536,325) size 82x127 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 74x56
                       text run at (0,0) width 74: "cols: \"5\", rows:"
@@ -128,98 +128,98 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 62: "\"width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,43) size 0x14
-                RenderBlock {DIV} at (620,391) size 82x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (618,385) size 82x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 44x14
                       text run at (0,0) width 44: "cols: \"3\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (0,536) size 210x88 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,528) size 208x86 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"3\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (210,555) size 93x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,547) size 91x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 44x14
                       text run at (0,0) width 44: "cols: \"7\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (303,460) size 210x164 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (299,452) size 208x162 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"7\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (513,503) size 82x121 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (507,495) size 82x119 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 74x28
                       text run at (0,0) width 74: "cols: \"5\", rows:"
                       text run at (0,14) width 19: "\"4\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,624) size 210x85 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,614) size 208x83 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 57x14
                       text run at (0,0) width 57: "wrap: \"off\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (210,640) size 210x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,630) size 208x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 64x14
                       text run at (0,0) width 64: "wrap: \"hard\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (420,640) size 210x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,630) size 208x67 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 61x14
                       text run at (0,0) width 61: "wrap: \"soft\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (0,709) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,697) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 70x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 70: "space:normal\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (210,709) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,697) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 63x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 52: "space:pre\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (420,709) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,697) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 76x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 76: "space:prewrap\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,808) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,794) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 73: "space:nowrap\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (210,808) size 210x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,794) size 208x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 73: "space:pre-line\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (420,792) size 210x99 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,778) size 208x97 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 68x28
                       text run at (0,0) width 62: "style: \"word-"
                       text run at (0,14) width 68: "wrap:normal\","
                   RenderBR {BR} at (81,15) size 0x14
-                RenderBlock {DIV} at (0,891) size 210x113 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,875) size 208x111 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 80x42
                       text run at (0,0) width 57: "wrap: \"off\","
                       text run at (0,14) width 63: "style: \"white-"
                       text run at (0,28) width 80: "space:pre-wrap\","
                   RenderBR {BR} at (81,29) size 0x14
-        layer at (3,76) size 204x46 clip at (5,78) size 200x42
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,76) size 202x44 clip at (4,77) size 200x42
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 132x19
                 text run at (0,0) width 132: "Lorem ipsum dolor"
-        layer at (213,76) size 204x46 clip at (215,78) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76 [color=#545454]
+        layer at (211,76) size 202x44 clip at (212,77) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76 [color=#545454]
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -227,9 +227,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,60) size 220x62 clip at (425,62) size 200x58 scrollHeight 96
-          RenderTextControl {TEXTAREA} at (3,31) size 220x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (12,12) size 180x76
+        layer at (419,60) size 218x60 clip at (420,61) size 200x58 scrollHeight 96
+          RenderTextControl {TEXTAREA} at (3,31) size 218x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (11,11) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -237,9 +237,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,179) size 200x42 clip at (5,181) size 180x38 scrollHeight 76
-          RenderTextControl {TEXTAREA} at (3,31) size 200x42 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (2,2) size 180x76
+        layer at (3,177) size 198x40 clip at (4,178) size 180x38 scrollHeight 76
+          RenderTextControl {TEXTAREA} at (3,31) size 198x40 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (1,1) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -247,9 +247,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (217,167) size 204x46 clip at (219,169) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (11,39) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (215,165) size 202x44 clip at (216,166) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (11,39) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -257,9 +257,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (433,177) size 204x46 clip at (435,179) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (1,29) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (429,175) size 202x44 clip at (430,176) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (1,29) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -267,9 +267,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (639,175) size 68x46 clip at (641,177) size 48x42 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,31) size 68x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (633,173) size 66x44 clip at (634,174) size 48x42 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,31) size 66x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -291,9 +291,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (1,272) size 104x82 clip at (3,274) size 84x78 scrollHeight 363
-          RenderTextControl {TEXTAREA} at (1,45) size 104x82 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (22,22) size 44x323
+        layer at (1,268) size 102x80 clip at (2,269) size 84x78 scrollHeight 363
+          RenderTextControl {TEXTAREA} at (1,45) size 102x80 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (21,21) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -315,9 +315,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (107,312) size 64x42 clip at (109,314) size 44x38 scrollHeight 323
-          RenderTextControl {TEXTAREA} at (1,45) size 64x42 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (2,2) size 44x323
+        layer at (105,308) size 62x40 clip at (106,309) size 44x38 scrollHeight 323
+          RenderTextControl {TEXTAREA} at (1,45) size 62x40 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (1,1) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -339,9 +339,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (191,288) size 204x68 clip at (193,290) size 184x64 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,29) size 204x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (189,284) size 202x66 clip at (190,285) size 184x64 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,29) size 202x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -349,9 +349,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (399,288) size 68x68 clip at (401,290) size 48x64 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,43) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (395,284) size 66x66 clip at (396,285) size 48x64 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,43) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -373,9 +373,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (483,308) size 204x46 clip at (485,310) size 200x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x76
+        layer at (479,304) size 202x44 clip at (480,305) size 200x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x76
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -383,9 +383,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 91: "STUVWXYZ"
                 text run at (91,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,421) size 204x62 clip at (5,423) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,415) size 202x60 clip at (4,416) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -393,9 +393,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (211,417) size 68x68 clip at (213,419) size 64x64 scrollHeight 213
-          RenderTextControl {TEXTAREA} at (1,57) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 60x209
+        layer at (209,411) size 66x66 clip at (210,412) size 64x64 scrollHeight 213
+          RenderTextControl {TEXTAREA} at (1,57) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 60x209
               RenderText {#text} at (0,0) size 60x209
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
@@ -412,9 +412,9 @@ layer at (0,0) size 781x2031
                 text run at (0,152) width 57: "abcdefg"
                 text run at (0,171) width 60: "hijklmno"
                 text run at (0,190) width 52: "pqrstuv"
-        layer at (293,417) size 68x68 clip at (295,419) size 48x48 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,57) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (291,411) size 66x66 clip at (292,412) size 48x48 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,57) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -436,9 +436,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (375,417) size 68x68 clip at (377,419) size 48x64 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,43) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (373,411) size 66x66 clip at (374,412) size 48x64 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,43) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -460,9 +460,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (457,417) size 68x68 clip at (459,419) size 48x64 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,43) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (455,411) size 66x66 clip at (456,412) size 48x64 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,43) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -484,9 +484,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (539,417) size 68x68 clip at (541,419) size 48x64 scrollHeight 327
-          RenderTextControl {TEXTAREA} at (1,57) size 68x68 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 44x323
+        layer at (537,411) size 66x66 clip at (538,412) size 48x64 scrollHeight 327
+          RenderTextControl {TEXTAREA} at (1,57) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 44x323
               RenderText {#text} at (0,0) size 44x323
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -508,9 +508,9 @@ layer at (0,0) size 781x2031
                 text run at (0,266) width 42: "fghijkl"
                 text run at (0,285) width 40: "mnop"
                 text run at (0,304) width 43: "qrstuv"
-        layer at (623,437) size 51x46 clip at (625,439) size 31x42 scrollHeight 498
-          RenderTextControl {TEXTAREA} at (3,17) size 51x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 27x494
+        layer at (621,431) size 49x44 clip at (622,432) size 31x42 scrollHeight 498
+          RenderTextControl {TEXTAREA} at (3,17) size 49x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 27x494
               RenderText {#text} at (0,0) size 27x494
                 text run at (0,0) width 23: "Lor"
                 text run at (0,19) width 22: "em"
@@ -542,9 +542,9 @@ layer at (0,0) size 781x2031
                 text run at (0,437) width 27: "nop"
                 text run at (0,456) width 26: "qrst"
                 text run at (0,475) width 17: "uv"
-        layer at (3,582) size 204x65 clip at (5,584) size 184x61 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x65 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,574) size 202x63 clip at (4,575) size 184x61 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x63 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -552,9 +552,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (213,601) size 87x46 clip at (215,603) size 67x42 scrollHeight 213
-          RenderTextControl {TEXTAREA} at (3,17) size 87x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 63x209
+        layer at (211,593) size 85x44 clip at (212,594) size 67x42 scrollHeight 213
+          RenderTextControl {TEXTAREA} at (3,17) size 85x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 63x209
               RenderText {#text} at (0,0) size 62x209
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
@@ -571,9 +571,9 @@ layer at (0,0) size 781x2031
                 text run at (0,152) width 57: "abcdefg"
                 text run at (0,171) width 60: "hijklmno"
                 text run at (0,190) width 52: "pqrstuv"
-        layer at (306,506) size 204x141 clip at (308,508) size 200x137
-          RenderTextControl {TEXTAREA} at (3,17) size 204x141 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x76
+        layer at (302,498) size 202x139 clip at (303,499) size 200x137
+          RenderTextControl {TEXTAREA} at (3,17) size 202x139 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x76
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -581,9 +581,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 91: "STUVWXYZ"
                 text run at (91,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (516,563) size 69x84 clip at (518,565) size 49x80 scrollHeight 289
-          RenderTextControl {TEXTAREA} at (3,31) size 69x84 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 45x285
+        layer at (510,555) size 67x82 clip at (511,556) size 49x80 scrollHeight 289
+          RenderTextControl {TEXTAREA} at (3,31) size 67x82 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 45x285
               RenderText {#text} at (0,0) size 45x285
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 0: " "
@@ -603,14 +603,14 @@ layer at (0,0) size 781x2031
                 text run at (0,228) width 42: "fghijkl"
                 text run at (0,247) width 40: "mnop"
                 text run at (0,266) width 43: "qrstuv"
-        layer at (3,670) size 204x62 clip at (5,672) size 200x42 scrollWidth 601
-          RenderTextControl {TEXTAREA} at (3,17) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,660) size 202x60 clip at (4,661) size 200x42 scrollWidth 601
+          RenderTextControl {TEXTAREA} at (3,17) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 599x19
                 text run at (0,0) width 599: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (213,686) size 204x46 clip at (215,688) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,676) size 202x44 clip at (212,677) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -618,9 +618,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,686) size 204x46 clip at (425,688) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (419,676) size 202x44 clip at (420,677) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -628,26 +628,26 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,769) size 204x46 clip at (5,771) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,757) size 202x44 clip at (4,758) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 36: "dolor"
                 text run at (0,19) width 171: "ABCDEFGHIJKLMNOP"
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (213,769) size 204x46 clip at (215,771) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,757) size 202x44 clip at (212,758) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 174x76
                 text run at (0,0) width 174: "Lorem ipsum  dolor ABC"
                 text run at (0,19) width 172: "DEFGHIJKLMNOPQRS"
                 text run at (0,38) width 170: "TUVWXYZ abcdefghijkl"
                 text run at (0,57) width 83: "mnopqrstuv"
-        layer at (423,769) size 204x46 clip at (425,771) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (419,757) size 202x44 clip at (420,758) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -655,125 +655,125 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,868) size 204x46 clip at (5,870) size 200x26 scrollWidth 597
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,854) size 202x44 clip at (4,855) size 200x26 scrollWidth 597
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 595x19
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 499: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (213,868) size 204x46 clip at (215,870) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,854) size 202x44 clip at (212,855) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 36: "dolor"
                 text run at (0,19) width 171: "ABCDEFGHIJKLMNOP"
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,852) size 204x62 clip at (425,854) size 184x42 scrollWidth 288 scrollHeight 61
-          RenderTextControl {TEXTAREA} at (3,31) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x57
+        layer at (419,838) size 202x60 clip at (420,839) size 184x42 scrollWidth 288 scrollHeight 61
+          RenderTextControl {TEXTAREA} at (3,31) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x57
               RenderText {#text} at (0,0) size 286x57
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
                 text run at (0,19) width 286: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
                 text run at (0,38) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,965) size 204x62 clip at (5,967) size 184x42 scrollWidth 288 scrollHeight 61
-          RenderTextControl {TEXTAREA} at (3,45) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x57
+        layer at (3,949) size 202x60 clip at (4,950) size 184x42 scrollWidth 288 scrollHeight 61
+          RenderTextControl {TEXTAREA} at (3,45) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x57
               RenderText {#text} at (0,0) size 286x57
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
                 text run at (0,19) width 286: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
                 text run at (0,38) width 169: "abcdefghijklmnopqrstuv"
-      RenderPartObject {IFRAME} at (0,1033) size 781x998
-        layer at (0,0) size 781x998
-          RenderView at (0,0) size 781x998
-        layer at (0,0) size 781x998
-          RenderBlock {HTML} at (0,0) size 781x998
-            RenderBody {BODY} at (0,5) size 781x993
+      RenderPartObject {IFRAME} at (0,1015) size 781x982
+        layer at (0,0) size 781x982
+          RenderView at (0,0) size 781x982
+        layer at (0,0) size 781x982
+          RenderBlock {HTML} at (0,0) size 781x982
+            RenderBody {BODY} at (0,5) size 781x977
               RenderBlock {DIV} at (0,0) size 781x19
                 RenderText {#text} at (0,0) size 193x19
                   text run at (0,0) width 193: "CompatMode: BackCompat"
-              RenderBlock (anonymous) at (0,24) size 781x969
-                RenderBlock {DIV} at (0,44) size 210x52 [border: (1px solid #0000FF)]
+              RenderBlock (anonymous) at (0,24) size 781x953
+                RenderBlock {DIV} at (0,44) size 208x50 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x0
                   RenderBR {BR} at (81,1) size 0x0
-                RenderBlock {DIV} at (210,30) size 210x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,30) size 208x64 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 76x14
                       text run at (0,0) width 76: "disabled: \"true\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (420,0) size 226x96 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,0) size 224x94 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 78x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 78: "\"padding:10px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,116) size 206x76 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,114) size 204x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 72x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 72: "\"padding:0px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (206,96) size 226x96 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (204,94) size 224x94 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 73: "\"margin:10px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (432,116) size 206x76 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (428,114) size 204x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 67x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 67: "\"margin:0px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (638,112) size 82x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (632,110) size 82x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 67x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 67: "\"width:60px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,192) size 82x130 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,188) size 82x128 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 73x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 73: "padding:20px\","
                   RenderBR {BR} at (81,40) size 0x0
-                RenderBlock {DIV} at (82,232) size 82x90 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (82,228) size 82x88 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 62x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 55: "padding:0\","
                   RenderBR {BR} at (81,40) size 0x0
-                RenderBlock {DIV} at (164,232) size 210x90 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (164,226) size 208x90 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 69x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 69: "\"height:60px\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (374,218) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (372,212) size 82x104 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 64x42
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,40) size 0x0
-                RenderBlock {DIV} at (456,242) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (454,238) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 91x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 91: "\"overflow:hidden\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,344) size 210x96 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,340) size 208x94 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 85x28
                       text run at (0,0) width 25: "style:"
                       text run at (0,14) width 85: "\"overflow:scroll\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (210,322) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,316) size 82x118 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 86x56
                       text run at (0,0) width 25: "style:"
@@ -781,7 +781,7 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 57: "width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,54) size 0x0
-                RenderBlock {DIV} at (292,322) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (290,316) size 82x118 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 80x56
                       text run at (0,0) width 25: "style:"
@@ -789,21 +789,21 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 57: "width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,54) size 0x0
-                RenderBlock {DIV} at (374,336) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (372,330) size 82x104 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 72x42
                       text run at (0,0) width 72: "cols: \"5\", style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,40) size 0x0
-                RenderBlock {DIV} at (456,336) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (454,330) size 82x104 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 77x42
                       text run at (0,0) width 77: "rows: \"4\", style:"
                       text run at (0,14) width 62: "\"width:60px;"
                       text run at (0,28) width 64: "height:60px\","
                   RenderBR {BR} at (81,40) size 0x0
-                RenderBlock {DIV} at (538,322) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (536,316) size 82x118 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x56
                     RenderText {#text} at (0,0) size 74x56
                       text run at (0,0) width 74: "cols: \"5\", rows:"
@@ -811,98 +811,98 @@ layer at (0,0) size 781x2031
                       text run at (0,28) width 62: "\"width:60px;"
                       text run at (0,42) width 64: "height:60px\","
                   RenderBR {BR} at (81,54) size 0x0
-                RenderBlock {DIV} at (620,374) size 82x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (618,370) size 82x64 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 44x14
                       text run at (0,0) width 44: "cols: \"3\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (0,516) size 210x85 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,510) size 208x83 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"3\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (210,535) size 93x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,529) size 91x64 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 44x14
                       text run at (0,0) width 44: "cols: \"7\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (303,440) size 210x161 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (299,434) size 208x159 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"7\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (513,483) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (507,477) size 82x116 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 74x28
                       text run at (0,0) width 74: "cols: \"5\", rows:"
                       text run at (0,14) width 19: "\"4\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,601) size 210x82 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,593) size 208x80 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 57x14
                       text run at (0,0) width 57: "wrap: \"off\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (210,617) size 210x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,609) size 208x64 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 64x14
                       text run at (0,0) width 64: "wrap: \"hard\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (420,617) size 210x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,609) size 208x64 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x14
                     RenderText {#text} at (0,0) size 61x14
                       text run at (0,0) width 61: "wrap: \"soft\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (0,683) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,673) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 70x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 70: "space:normal\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (210,683) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,673) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 63x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 52: "space:pre\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (420,683) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,673) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 76x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 76: "space:prewrap\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,779) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,767) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 73: "space:nowrap\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (210,779) size 210x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (208,767) size 208x78 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 73x28
                       text run at (0,0) width 63: "style: \"white-"
                       text run at (0,14) width 73: "space:pre-line\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (420,763) size 210x96 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (416,751) size 208x94 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x28
                     RenderText {#text} at (0,0) size 68x28
                       text run at (0,0) width 62: "style: \"word-"
                       text run at (0,14) width 68: "wrap:normal\","
                   RenderBR {BR} at (81,26) size 0x0
-                RenderBlock {DIV} at (0,859) size 210x110 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,845) size 208x108 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x42
                     RenderText {#text} at (0,0) size 80x42
                       text run at (0,0) width 57: "wrap: \"off\","
                       text run at (0,14) width 63: "style: \"white-"
                       text run at (0,28) width 80: "space:pre-wrap\","
                   RenderBR {BR} at (81,40) size 0x0
-        layer at (3,76) size 204x46 clip at (5,78) size 200x42
-          RenderTextControl {TEXTAREA} at (3,3) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,76) size 202x44 clip at (4,77) size 200x42
+          RenderTextControl {TEXTAREA} at (3,3) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 132x19
                 text run at (0,0) width 132: "Lorem ipsum dolor"
-        layer at (213,76) size 204x46 clip at (215,78) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76 [color=#545454]
+        layer at (211,76) size 202x44 clip at (212,77) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76 [color=#545454]
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -910,9 +910,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,60) size 220x62 clip at (425,62) size 200x58 scrollHeight 96
-          RenderTextControl {TEXTAREA} at (3,31) size 220x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (12,12) size 180x76
+        layer at (419,60) size 218x60 clip at (420,61) size 200x58 scrollHeight 96
+          RenderTextControl {TEXTAREA} at (3,31) size 218x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (11,11) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -920,9 +920,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,176) size 200x42 clip at (5,178) size 180x38 scrollHeight 76
-          RenderTextControl {TEXTAREA} at (3,31) size 200x42 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (2,2) size 180x76
+        layer at (3,174) size 198x40 clip at (4,175) size 180x38 scrollHeight 76
+          RenderTextControl {TEXTAREA} at (3,31) size 198x40 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (1,1) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -930,9 +930,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (217,164) size 204x46 clip at (219,166) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (11,39) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (215,162) size 202x44 clip at (216,163) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (11,39) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -940,9 +940,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (433,174) size 204x46 clip at (435,176) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (1,29) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (429,172) size 202x44 clip at (430,173) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (1,29) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -950,10 +950,10 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (639,172) size 60x46 clip at (641,174) size 40x42 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,31) size 60x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+        layer at (633,170) size 60x44 clip at (634,171) size 42x42 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,31) size 60x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -961,7 +961,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -969,76 +969,84 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (1,266) size 60x82 clip at (3,268) size 40x78 scrollHeight 1028
-          RenderTextControl {TEXTAREA} at (1,45) size 60x82 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (22,22) size 16x988
-              RenderText {#text} at (0,0) size 16x988
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (1,262) size 60x80 clip at (2,263) size 42x78 scrollHeight 1237
+          RenderTextControl {TEXTAREA} at (1,45) size 60x80 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (21,21) size 2x1197
+              RenderText {#text} at (0,0) size 15x1197
                 text run at (0,0) width 9: "L"
-                text run at (0,19) width 14: "or"
-                text run at (0,38) width 9: "e"
-                text run at (0,57) width 13: "m"
-                text run at (13,57) width 3: " "
-                text run at (0,76) width 13: "ip"
-                text run at (0,95) width 8: "s"
-                text run at (0,114) width 9: "u"
-                text run at (0,133) width 13: "m"
-                text run at (0,152) width 9: "d"
-                text run at (0,171) width 13: "ol"
-                text run at (0,190) width 14: "or"
-                text run at (14,190) width 2: " "
-                text run at (0,209) width 11: "A"
-                text run at (0,228) width 11: "B"
-                text run at (0,247) width 12: "C"
-                text run at (0,266) width 12: "D"
-                text run at (0,285) width 11: "E"
-                text run at (0,304) width 10: "F"
-                text run at (0,323) width 12: "G"
-                text run at (0,342) width 16: "HI"
-                text run at (0,361) width 8: "J"
-                text run at (0,380) width 11: "K"
-                text run at (0,399) width 9: "L"
-                text run at (0,418) width 13: "M"
-                text run at (0,437) width 12: "N"
-                text run at (0,456) width 12: "O"
-                text run at (0,475) width 11: "P"
-                text run at (0,494) width 12: "Q"
-                text run at (0,513) width 12: "R"
-                text run at (0,532) width 11: "S"
-                text run at (0,551) width 10: "T"
-                text run at (0,570) width 12: "U"
-                text run at (0,589) width 11: "V"
-                text run at (0,608) width 15: "W"
-                text run at (0,627) width 11: "X"
-                text run at (0,646) width 11: "Y"
-                text run at (0,665) width 10: "Z"
-                text run at (10,665) width 4: " "
-                text run at (0,684) width 9: "a"
-                text run at (0,703) width 9: "b"
-                text run at (0,722) width 8: "c"
-                text run at (0,741) width 9: "d"
-                text run at (0,760) width 13: "ef"
-                text run at (0,779) width 9: "g"
-                text run at (0,798) width 13: "hi"
-                text run at (0,817) width 16: "jkl"
-                text run at (0,836) width 13: "m"
-                text run at (0,855) width 9: "n"
-                text run at (0,874) width 9: "o"
-                text run at (0,893) width 9: "p"
-                text run at (0,912) width 14: "qr"
-                text run at (0,931) width 12: "st"
-                text run at (0,950) width 9: "u"
-                text run at (0,969) width 8: "v"
-        layer at (83,306) size 60x42 clip at (85,308) size 40x38 scrollHeight 361
-          RenderTextControl {TEXTAREA} at (1,45) size 60x42 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (2,2) size 40x361
+                text run at (0,19) width 9: "o"
+                text run at (0,38) width 5: "r"
+                text run at (0,57) width 9: "e"
+                text run at (0,76) width 13: "m"
+                text run at (0,95) width 4: "i"
+                text run at (0,114) width 9: "p"
+                text run at (0,133) width 8: "s"
+                text run at (0,152) width 9: "u"
+                text run at (0,171) width 13: "m"
+                text run at (0,190) width 9: "d"
+                text run at (0,209) width 9: "o"
+                text run at (0,228) width 4: "l"
+                text run at (0,247) width 9: "o"
+                text run at (0,266) width 5: "r"
+                text run at (0,285) width 11: "A"
+                text run at (0,304) width 11: "B"
+                text run at (0,323) width 12: "C"
+                text run at (0,342) width 12: "D"
+                text run at (0,361) width 11: "E"
+                text run at (0,380) width 10: "F"
+                text run at (0,399) width 12: "G"
+                text run at (0,418) width 12: "H"
+                text run at (0,437) width 4: "I"
+                text run at (0,456) width 8: "J"
+                text run at (0,475) width 11: "K"
+                text run at (0,494) width 9: "L"
+                text run at (0,513) width 13: "M"
+                text run at (0,532) width 12: "N"
+                text run at (0,551) width 12: "O"
+                text run at (0,570) width 11: "P"
+                text run at (0,589) width 12: "Q"
+                text run at (0,608) width 12: "R"
+                text run at (0,627) width 11: "S"
+                text run at (0,646) width 10: "T"
+                text run at (0,665) width 12: "U"
+                text run at (0,684) width 11: "V"
+                text run at (0,703) width 15: "W"
+                text run at (0,722) width 11: "X"
+                text run at (0,741) width 11: "Y"
+                text run at (0,760) width 10: "Z"
+                text run at (0,779) width 9: "a"
+                text run at (0,798) width 9: "b"
+                text run at (0,817) width 8: "c"
+                text run at (0,836) width 9: "d"
+                text run at (0,855) width 9: "e"
+                text run at (0,874) width 4: "f"
+                text run at (0,893) width 9: "g"
+                text run at (0,912) width 9: "h"
+                text run at (0,931) width 4: "i"
+                text run at (0,950) width 4: "j"
+                text run at (0,969) width 8: "k"
+                text run at (0,988) width 4: "l"
+                text run at (0,1007) width 13: "m"
+                text run at (0,1026) width 9: "n"
+                text run at (0,1045) width 9: "o"
+                text run at (0,1064) width 9: "p"
+                text run at (0,1083) width 9: "q"
+                text run at (0,1102) width 5: "r"
+                text run at (0,1121) width 8: "s"
+                text run at (0,1140) width 4: "t"
+                text run at (0,1159) width 9: "u"
+                text run at (0,1178) width 8: "v"
+        layer at (83,302) size 60x40 clip at (84,303) size 42x38 scrollHeight 361
+          RenderTextControl {TEXTAREA} at (1,45) size 60x40 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (1,1) size 42x361
               RenderText {#text} at (0,0) size 40x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -1063,9 +1071,9 @@ layer at (0,0) size 781x2031
                 text run at (0,304) width 34: "klmn"
                 text run at (0,323) width 40: "opqrs"
                 text run at (0,342) width 21: "tuv"
-        layer at (167,290) size 204x60 clip at (169,292) size 184x56 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,29) size 204x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (167,284) size 202x60 clip at (168,285) size 184x58 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,29) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1073,10 +1081,10 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (375,290) size 60x60 clip at (377,292) size 40x56 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+        layer at (373,284) size 60x60 clip at (374,285) size 42x58 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1084,7 +1092,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1092,17 +1100,17 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (459,302) size 204x46 clip at (461,304) size 200x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x76
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (457,298) size 202x44 clip at (458,299) size 200x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x76
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1110,9 +1118,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 91: "STUVWXYZ"
                 text run at (91,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,404) size 204x62 clip at (5,406) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,400) size 202x60 clip at (4,401) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1120,10 +1128,10 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (211,408) size 60x60 clip at (213,410) size 56x56 scrollHeight 270
-          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 52x266
-              RenderText {#text} at (0,0) size 51x266
+        layer at (209,402) size 60x60 clip at (210,403) size 58x58 scrollHeight 251
+          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 54x247
+              RenderText {#text} at (0,0) size 53x247
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
                 text run at (0,19) width 43: "ipsum"
@@ -1132,20 +1140,19 @@ layer at (0,0) size 781x2031
                 text run at (36,38) width 4: " "
                 text run at (0,57) width 46: "ABCD"
                 text run at (0,76) width 49: "EFGHI"
-                text run at (0,95) width 41: "JKLM"
-                text run at (0,114) width 47: "NOPQ"
-                text run at (0,133) width 45: "RSTU"
-                text run at (0,152) width 48: "VWXY"
-                text run at (0,171) width 10: "Z"
-                text run at (10,171) width 4: " "
-                text run at (0,190) width 48: "abcdef"
-                text run at (0,209) width 51: "ghijklm"
-                text run at (0,228) width 49: "nopqrs"
-                text run at (0,247) width 21: "tuv"
-        layer at (293,408) size 60x60 clip at (295,410) size 40x40 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+                text run at (0,95) width 53: "JKLMN"
+                text run at (0,114) width 47: "OPQR"
+                text run at (0,133) width 44: "STUV"
+                text run at (0,152) width 47: "WXYZ"
+                text run at (47,152) width 4: " "
+                text run at (0,171) width 48: "abcdef"
+                text run at (0,190) width 51: "ghijklm"
+                text run at (0,209) width 53: "nopqrst"
+                text run at (0,228) width 17: "uv"
+        layer at (291,402) size 60x60 clip at (292,403) size 42x42 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1153,7 +1160,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1161,18 +1168,18 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (375,408) size 60x60 clip at (377,410) size 40x56 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (373,402) size 60x60 clip at (374,403) size 42x58 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1180,7 +1187,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1188,18 +1195,18 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (457,408) size 60x60 clip at (459,410) size 40x56 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (455,402) size 60x60 clip at (456,403) size 42x58 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,43) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1207,7 +1214,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1215,18 +1222,18 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (539,408) size 60x60 clip at (541,410) size 40x56 scrollHeight 365
-          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 36x361
-              RenderText {#text} at (0,0) size 36x361
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (537,402) size 60x60 clip at (538,403) size 42x58 scrollHeight 365
+          RenderTextControl {TEXTAREA} at (1,57) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 38x361
+              RenderText {#text} at (0,0) size 38x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1234,7 +1241,7 @@ layer at (0,0) size 781x2031
                 text run at (0,57) width 13: "m"
                 text run at (13,57) width 8: "  "
                 text run at (0,76) width 36: "dolor"
-                text run at (36,76) width 0: " "
+                text run at (36,76) width 2: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1242,17 +1249,17 @@ layer at (0,0) size 781x2031
                 text run at (0,171) width 35: "NOP"
                 text run at (0,190) width 35: "QRS"
                 text run at (0,209) width 33: "TUV"
-                text run at (0,228) width 26: "WX"
-                text run at (0,247) width 21: "YZ"
-                text run at (21,247) width 4: " "
+                text run at (0,228) width 37: "WXY"
+                text run at (0,247) width 10: "Z"
+                text run at (10,247) width 4: " "
                 text run at (0,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                text run at (0,304) width 29: "jklm"
-                text run at (0,323) width 36: "nopq"
-                text run at (0,342) width 34: "rstuv"
-        layer at (623,420) size 51x46 clip at (625,422) size 31x42 scrollHeight 498
-          RenderTextControl {TEXTAREA} at (3,17) size 51x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 27x494
+                text run at (0,304) width 38: "jklmn"
+                text run at (0,323) width 32: "opqr"
+                text run at (0,342) width 29: "stuv"
+        layer at (621,416) size 49x44 clip at (622,417) size 31x42 scrollHeight 498
+          RenderTextControl {TEXTAREA} at (3,17) size 49x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 27x494
               RenderText {#text} at (0,0) size 27x494
                 text run at (0,0) width 23: "Lor"
                 text run at (0,19) width 22: "em"
@@ -1284,9 +1291,9 @@ layer at (0,0) size 781x2031
                 text run at (0,437) width 27: "nop"
                 text run at (0,456) width 26: "qrst"
                 text run at (0,475) width 17: "uv"
-        layer at (3,562) size 204x65 clip at (5,564) size 184x61 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x65 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,556) size 202x63 clip at (4,557) size 184x61 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x63 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1294,9 +1301,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (213,581) size 87x46 clip at (215,583) size 67x42 scrollHeight 213
-          RenderTextControl {TEXTAREA} at (3,17) size 87x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 63x209
+        layer at (211,575) size 85x44 clip at (212,576) size 67x42 scrollHeight 213
+          RenderTextControl {TEXTAREA} at (3,17) size 85x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 63x209
               RenderText {#text} at (0,0) size 62x209
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
@@ -1313,9 +1320,9 @@ layer at (0,0) size 781x2031
                 text run at (0,152) width 57: "abcdefg"
                 text run at (0,171) width 60: "hijklmno"
                 text run at (0,190) width 52: "pqrstuv"
-        layer at (306,486) size 204x141 clip at (308,488) size 200x137
-          RenderTextControl {TEXTAREA} at (3,17) size 204x141 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x76
+        layer at (302,480) size 202x139 clip at (303,481) size 200x137
+          RenderTextControl {TEXTAREA} at (3,17) size 202x139 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x76
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1323,9 +1330,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 91: "STUVWXYZ"
                 text run at (91,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (516,543) size 69x84 clip at (518,545) size 49x80 scrollHeight 289
-          RenderTextControl {TEXTAREA} at (3,31) size 69x84 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 45x285
+        layer at (510,537) size 67x82 clip at (511,538) size 49x80 scrollHeight 289
+          RenderTextControl {TEXTAREA} at (3,31) size 67x82 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 45x285
               RenderText {#text} at (0,0) size 45x285
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 0: " "
@@ -1345,14 +1352,14 @@ layer at (0,0) size 781x2031
                 text run at (0,228) width 42: "fghijkl"
                 text run at (0,247) width 40: "mnop"
                 text run at (0,266) width 43: "qrstuv"
-        layer at (3,647) size 204x62 clip at (5,649) size 200x42 scrollWidth 601
-          RenderTextControl {TEXTAREA} at (3,17) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,639) size 202x60 clip at (4,640) size 200x42 scrollWidth 601
+          RenderTextControl {TEXTAREA} at (3,17) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 599x19
                 text run at (0,0) width 599: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (213,663) size 204x46 clip at (215,665) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,655) size 202x44 clip at (212,656) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1360,9 +1367,9 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,663) size 204x46 clip at (425,665) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,17) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (419,655) size 202x44 clip at (420,656) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,17) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1370,26 +1377,26 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,743) size 204x46 clip at (5,745) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (3,733) size 202x44 clip at (4,734) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 36: "dolor"
                 text run at (0,19) width 171: "ABCDEFGHIJKLMNOP"
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (213,743) size 204x46 clip at (215,745) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,733) size 202x44 clip at (212,734) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 174x76
                 text run at (0,0) width 174: "Lorem ipsum  dolor ABC"
                 text run at (0,19) width 172: "DEFGHIJKLMNOPQRS"
                 text run at (0,38) width 170: "TUVWXYZ abcdefghijkl"
                 text run at (0,57) width 83: "mnopqrstuv"
-        layer at (423,743) size 204x46 clip at (425,745) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (419,733) size 202x44 clip at (420,734) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1397,32 +1404,32 @@ layer at (0,0) size 781x2031
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (115,38) width 4: " "
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,839) size 204x46 clip at (5,841) size 200x26 scrollWidth 597
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 196x19
+        layer at (3,827) size 202x44 clip at (4,828) size 200x26 scrollWidth 597
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 196x19
               RenderText {#text} at (0,0) size 595x19
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 499: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (213,839) size 204x46 clip at (215,841) size 184x42 scrollHeight 80
-          RenderTextControl {TEXTAREA} at (3,31) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x76
+        layer at (211,827) size 202x44 clip at (212,828) size 184x42 scrollHeight 80
+          RenderTextControl {TEXTAREA} at (3,31) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x76
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 96: "Lorem ipsum "
                 text run at (96,0) width 36: "dolor"
                 text run at (0,19) width 171: "ABCDEFGHIJKLMNOP"
                 text run at (0,38) width 115: "QRSTUVWXYZ"
                 text run at (0,57) width 169: "abcdefghijklmnopqrstuv"
-        layer at (423,823) size 204x62 clip at (425,825) size 184x42 scrollWidth 288 scrollHeight 61
-          RenderTextControl {TEXTAREA} at (3,31) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x57
+        layer at (419,811) size 202x60 clip at (420,812) size 184x42 scrollWidth 288 scrollHeight 61
+          RenderTextControl {TEXTAREA} at (3,31) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x57
               RenderText {#text} at (0,0) size 286x57
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
                 text run at (0,19) width 286: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
                 text run at (0,38) width 169: "abcdefghijklmnopqrstuv"
-        layer at (3,933) size 204x62 clip at (5,935) size 184x42 scrollWidth 288 scrollHeight 61
-          RenderTextControl {TEXTAREA} at (3,45) size 204x62 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-            RenderBlock {DIV} at (4,4) size 180x57
+        layer at (3,919) size 202x60 clip at (4,920) size 184x42 scrollWidth 288 scrollHeight 61
+          RenderTextControl {TEXTAREA} at (3,45) size 202x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+            RenderBlock {DIV} at (3,3) size 180x57
               RenderText {#text} at (0,0) size 286x57
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
diff --git a/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.txt b/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.txt
index 859838d..1bcbdd5 100644
--- a/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.txt
@@ -1,8 +1,8 @@
-layer at (0,0) size 781x743
+layer at (0,0) size 781x741
   RenderView at (0,0) size 781x600
-layer at (0,0) size 781x743
-  RenderBlock {HTML} at (0,0) size 781x743
-    RenderBody {BODY} at (8,8) size 765x727
+layer at (0,0) size 781x741
+  RenderBlock {HTML} at (0,0) size 781x741
+    RenderBody {BODY} at (8,8) size 765x725
       RenderBlock {H1} at (0,0) size 765x37
         RenderText {#text} at (0,0) size 422x36
           text run at (0,0) width 422: "Form Element Geometry Tests"
@@ -83,9 +83,9 @@ layer at (0,0) size 781x743
               RenderBlock {DIV} at (1,1) size 19x19 [border: (2px solid #0000FF)]
                 RenderInline {FONT} at (0,0) size 15x12
                   RenderBlock {INPUT} at (2,2) size 15x15
-      RenderTable {TABLE} at (0,257) size 694x91
-        RenderTableSection {TBODY} at (0,0) size 694x91
-          RenderTableRow {TR} at (0,2) size 694x87
+      RenderTable {TABLE} at (0,257) size 692x91
+        RenderTableSection {TBODY} at (0,0) size 692x91
+          RenderTableRow {TR} at (0,2) size 692x87
             RenderTableCell {TD} at (2,2) size 110x31 [r=0 c=0 rs=1 cs=1]
               RenderBlock {DIV} at (1,1) size 108x29 [border: (2px solid #0000FF)]
                 RenderTextControl {INPUT} at (2,2) size 104x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
@@ -99,8 +99,8 @@ layer at (0,0) size 781x743
                     RenderBlock (anonymous) at (8,4) size 87x19
                       RenderText at (0,0) size 87x19
                         text run at (0,0) width 87: "Choose File"
-            RenderTableCell {TD} at (478,2) size 214x56 [r=0 c=3 rs=1 cs=1]
-              RenderBlock {DIV} at (1,1) size 212x54 [border: (2px solid #0000FF)]
+            RenderTableCell {TD} at (478,2) size 212x54 [r=0 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (1,1) size 210x52 [border: (2px solid #0000FF)]
       RenderBlock {H2} at (0,367) size 765x28
         RenderText {#text} at (0,0) size 200x28
           text run at (0,0) width 200: "Baseline Alignment"
@@ -166,24 +166,24 @@ layer at (0,0) size 781x743
             text run at (178,12) width 3: " "
           RenderBlock {INPUT} at (185,8) size 15x15
           RenderText {#text} at (0,0) size 0x0
-      RenderBlock {DIV} at (0,511) size 765x61
-        RenderText {#text} at (0,35) size 27x19
-          text run at (0,35) width 27: "text "
-        RenderTextControl {INPUT} at (29,32) size 104x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
-        RenderText {#text} at (135,35) size 4x19
-          text run at (135,35) width 4: " "
-        RenderFileUploadControl {INPUT} at (141,31) size 306x28 "(None)"
+      RenderBlock {DIV} at (0,511) size 765x59
+        RenderText {#text} at (0,33) size 27x19
+          text run at (0,33) width 27: "text "
+        RenderTextControl {INPUT} at (29,30) size 104x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+        RenderText {#text} at (135,33) size 4x19
+          text run at (135,33) width 4: " "
+        RenderFileUploadControl {INPUT} at (141,29) size 306x28 "(None)"
           RenderButton {INPUT} at (0,0) size 103x28 [bgcolor=#C0C0C0] [border: (2px outset #C0C0C0)]
             RenderBlock (anonymous) at (8,4) size 87x19
               RenderText at (0,0) size 87x19
                 text run at (0,0) width 87: "Choose File"
-        RenderText {#text} at (449,35) size 4x19
-          text run at (449,35) width 4: " "
+        RenderText {#text} at (449,33) size 4x19
+          text run at (449,33) width 4: " "
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {H2} at (0,591) size 765x28
+      RenderBlock {H2} at (0,589) size 765x28
         RenderText {#text} at (0,0) size 197x28
           text run at (0,0) width 197: "Pop-up Menu Sizes"
-      RenderBlock {DIV} at (0,638) size 765x31
+      RenderBlock {DIV} at (0,636) size 765x31
         RenderInline {FONT} at (0,0) size 161x28
           RenderText {#text} at (0,0) size 0x0
           RenderMenuList {SELECT} at (2,4) size 23x25 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
@@ -202,7 +202,7 @@ layer at (0,0) size 781x743
               RenderText at (2,2) size 64x19
                 text run at (2,2) width 64: "xxxxxxxx"
           RenderText {#text} at (0,0) size 0x0
-      RenderBlock {DIV} at (0,669) size 765x29
+      RenderBlock {DIV} at (0,667) size 765x29
         RenderMenuList {SELECT} at (2,2) size 23x25 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
           RenderBlock (anonymous) at (1,1) size 21x23
             RenderBR at (2,2) size 0x19 [bgcolor=#FFFFFF]
@@ -219,7 +219,7 @@ layer at (0,0) size 781x743
             RenderText at (2,2) size 64x19
               text run at (2,2) width 64: "xxxxxxxx"
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {DIV} at (0,698) size 765x29
+      RenderBlock {DIV} at (0,696) size 765x29
         RenderInline {FONT} at (0,0) size 155x12
           RenderText {#text} at (0,0) size 0x0
           RenderMenuList {SELECT} at (2,2) size 23x25 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
@@ -242,17 +242,17 @@ layer at (16,273) size 98x19
   RenderBlock {DIV} at (3,3) size 98x19
     RenderText {#text} at (1,0) size 59x19
       text run at (1,0) width 59: "text field"
-layer at (491,272) size 204x46 clip at (493,274) size 200x42
-  RenderTextControl {TEXTAREA} at (4,4) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+layer at (491,272) size 202x44 clip at (492,273) size 200x42
+  RenderTextControl {TEXTAREA} at (4,4) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
       RenderText {#text} at (0,0) size 57x19
         text run at (0,0) width 57: "textarea"
-layer at (40,554) size 98x19
+layer at (40,552) size 98x19
   RenderBlock {DIV} at (3,3) size 98x19
     RenderText {#text} at (1,0) size 59x19
       text run at (1,0) width 59: "text field"
-layer at (463,521) size 204x46 clip at (465,523) size 200x42
-  RenderTextControl {TEXTAREA} at (455,2) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+layer at (463,521) size 202x44 clip at (464,522) size 200x42
+  RenderTextControl {TEXTAREA} at (455,2) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
       RenderText {#text} at (0,0) size 57x19
         text run at (0,0) width 57: "textarea"
diff --git a/LayoutTests/platform/gtk/fast/forms/onselect-textarea-expected.txt b/LayoutTests/platform/gtk/fast/forms/onselect-textarea-expected.txt
index 4c87299..baea6ed 100644
--- a/LayoutTests/platform/gtk/fast/forms/onselect-textarea-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/onselect-textarea-expected.txt
@@ -10,11 +10,11 @@ After setSelectionRange(5, 10): textarea selection start: 5 end: 10
 
 Double clicking to make selection for textarea
 onselect fired for textarea
-After double clicking: textarea selection start: 0 end: 8
+After double clicking: textarea selection start: 9 end: 13
 
 Calling blur on textarea
-After blur: textarea selection start: 0 end: 8
+After blur: textarea selection start: 9 end: 13
 
 Calling focus on textarea
-After focus: textarea selection start: 0 end: 8
+After focus: textarea selection start: 9 end: 13
 
diff --git a/LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.txt b/LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.txt
index 819fad8..81b38c8 100644
--- a/LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.txt
@@ -1,26 +1,26 @@
 layer at (0,0) size 800x600
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x244
-  RenderBlock {HTML} at (0,0) size 800x244
-    RenderBody {BODY} at (8,16) size 784x220
+layer at (0,0) size 800x240
+  RenderBlock {HTML} at (0,0) size 800x240
+    RenderBody {BODY} at (8,16) size 784x216
       RenderBlock {P} at (0,0) size 784x38
         RenderText {#text} at (0,0) size 753x38
           text run at (0,0) width 753: "CR and LF in placeholder values should be stripped. The first input element and the first textarea element should have a"
           text run at (0,19) width 748: "placeholder \"first line second line\", and the second input element and the second textarea element should have nothing."
-      RenderBlock (anonymous) at (0,54) size 784x166
+      RenderBlock (anonymous) at (0,54) size 784x162
         RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderBR {BR} at (198,5) size 0x19
         RenderTextControl {INPUT} at (2,31) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderBR {BR} at (198,34) size 0x19
-        RenderBR {BR} at (208,93) size 0x19
+        RenderBR {BR} at (206,91) size 0x19
         RenderText {#text} at (0,0) size 0x0
 layer at (13,75) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
 layer at (13,104) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
-layer at (10,130) size 204x46 clip at (12,132) size 200x42
-  RenderTextControl {TEXTAREA} at (2,60) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
-layer at (10,184) size 204x46 clip at (12,186) size 200x42
-  RenderTextControl {TEXTAREA} at (2,114) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+layer at (10,130) size 202x44 clip at (11,131) size 200x42
+  RenderTextControl {TEXTAREA} at (2,60) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
+layer at (10,182) size 202x44 clip at (11,183) size 200x42
+  RenderTextControl {TEXTAREA} at (2,112) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
diff --git a/LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt b/LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt
index 99c5e54..acc3095 100644
--- a/LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt
@@ -1,12 +1,12 @@
 layer at (0,0) size 800x600
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x46
-  RenderBlock {HTML} at (0,0) size 800x46
-    RenderBody {BODY} at (8,8) size 784x30
-      RenderTextControl {INPUT} at (2,2) size 150x26 [bgcolor=#FFFFFF] [border: (2px solid #BDC7D8)]
-        RenderBlock {DIV} at (19,3) size 126x19
+layer at (0,0) size 800x44
+  RenderBlock {HTML} at (0,0) size 800x44
+    RenderBody {BODY} at (8,8) size 784x28
+      RenderTextControl {INPUT} at (2,2) size 148x24 [bgcolor=#FFFFFF] [border: (1px solid #BDC7D8)]
+        RenderBlock {DIV} at (18,2) size 126x19
           RenderBlock {DIV} at (0,0) size 16x16
           RenderBlock {DIV} at (110,0) size 16x16
       RenderText {#text} at (0,0) size 0x0
-layer at (45,19) size 94x13
+layer at (44,18) size 94x13
   RenderBlock {DIV} at (16,6) size 94x13
diff --git a/LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.txt b/LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.txt
index 07b415d..a88fe75 100644
--- a/LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.txt
@@ -1,8 +1,8 @@
-layer at (0,0) size 781x1248
+layer at (0,0) size 781x1244
   RenderView at (0,0) size 781x600
-layer at (0,0) size 781x1248
-  RenderBlock {HTML} at (0,0) size 781x1248
-    RenderBody {BODY} at (8,8) size 765x1224
+layer at (0,0) size 781x1244
+  RenderBlock {HTML} at (0,0) size 781x1244
+    RenderBody {BODY} at (8,8) size 765x1220
       RenderBlock (anonymous) at (0,0) size 765x19
         RenderText {#text} at (0,0) size 269x19
           text run at (0,0) width 269: "line-height settings not reflected in textarea"
@@ -30,28 +30,28 @@ layer at (0,0) size 781x1248
         RenderText {#text} at (1,19) size 347x67
           text run at (1,19) width 347: "Demo text here that wraps a bit and should demonstrate the"
           text run at (1,71) width 134: "goodness of line-height"
-      RenderBlock (anonymous) at (0,773) size 765x451
+      RenderBlock (anonymous) at (0,773) size 765x447
         RenderBR {BR} at (0,0) size 0x19
         RenderBR {BR} at (0,19) size 0x19
         RenderText {#text} at (0,38) size 124x19
           text run at (0,38) width 124: "Un-Styled Textarea"
         RenderBR {BR} at (124,38) size 0x19
-        RenderText {#text} at (208,92) size 4x19
-          text run at (208,92) width 4: " "
+        RenderText {#text} at (206,90) size 4x19
+          text run at (206,90) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderBR {BR} at (0,111) size 0x19
-        RenderText {#text} at (0,130) size 215x19
-          text run at (0,130) width 215: "Totally Blank Un-Styled Textarea"
-        RenderBR {BR} at (215,130) size 0x19
-        RenderText {#text} at (208,184) size 4x19
-          text run at (208,184) width 4: " "
+        RenderBR {BR} at (0,109) size 0x19
+        RenderText {#text} at (0,128) size 215x19
+          text run at (0,128) width 215: "Totally Blank Un-Styled Textarea"
+        RenderBR {BR} at (215,128) size 0x19
+        RenderText {#text} at (206,180) size 4x19
+          text run at (206,180) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderBR {BR} at (0,203) size 0x19
-        RenderText {#text} at (0,222) size 213x19
-          text run at (0,222) width 213: "Totally Blank STYLED Textarea"
-        RenderBR {BR} at (213,222) size 0x19
+        RenderBR {BR} at (0,199) size 0x19
+        RenderText {#text} at (0,218) size 213x19
+          text run at (0,218) width 213: "Totally Blank STYLED Textarea"
+        RenderBR {BR} at (213,218) size 0x19
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,1240) size 765x0
+      RenderBlock {P} at (0,1236) size 765x0
 layer at (8,62) size 406x206 clip at (9,63) size 404x204
   RenderTextControl {TEXTAREA} at (0,19) size 406x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
     RenderBlock {DIV} at (3,3) size 400x104
@@ -59,9 +59,9 @@ layer at (8,62) size 406x206 clip at (9,63) size 404x204
         text run at (0,18) width 347: "Demo text here that wraps a bit and should demonstrate the"
         text run at (347,18) width 4: " "
         text run at (0,70) width 134: "goodness of line-height"
-layer at (10,840) size 204x46 clip at (12,842) size 184x42 scrollHeight 80
-  RenderTextControl {TEXTAREA} at (2,59) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 180x76
+layer at (10,840) size 202x44 clip at (11,841) size 184x42 scrollHeight 80
+  RenderTextControl {TEXTAREA} at (2,59) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 180x76
       RenderText {#text} at (0,0) size 166x76
         text run at (0,0) width 138: "Demo text here that"
         text run at (138,0) width 4: " "
@@ -70,9 +70,9 @@ layer at (10,840) size 204x46 clip at (12,842) size 184x42 scrollHeight 80
         text run at (0,38) width 114: "demonstrate the"
         text run at (114,38) width 4: " "
         text run at (0,57) width 166: "goodness of line-height"
-layer at (10,932) size 204x46 clip at (12,934) size 200x42
-  RenderTextControl {TEXTAREA} at (2,151) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
-layer at (8,1022) size 406x206 clip at (9,1023) size 404x204
-  RenderTextControl {TEXTAREA} at (0,241) size 406x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
+layer at (10,930) size 202x44 clip at (11,931) size 200x42
+  RenderTextControl {TEXTAREA} at (2,149) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
+layer at (8,1018) size 406x206 clip at (9,1019) size 404x204
+  RenderTextControl {TEXTAREA} at (0,237) size 406x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
     RenderBlock {DIV} at (3,3) size 400x52
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-align-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-align-expected.txt
index 82e1c4c..6bda025 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-align-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-align-expected.txt
@@ -6,41 +6,41 @@ layer at (0,0) size 800x600
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 624x19
           text run at (0,0) width 624: "The following textarea elements should all be rendered on the left, with their text aligned to the left."
-      RenderBlock (anonymous) at (0,35) size 784x212
-        RenderText {#text} at (478,35) size 4x19
-          text run at (478,35) width 4: " "
+      RenderBlock (anonymous) at (0,35) size 784x204
+        RenderText {#text} at (476,33) size 4x19
+          text run at (476,33) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {#text} at (478,89) size 4x19
-          text run at (478,89) width 4: " "
+        RenderText {#text} at (476,85) size 4x19
+          text run at (476,85) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {#text} at (478,143) size 4x19
-          text run at (478,143) width 4: " "
+        RenderText {#text} at (476,137) size 4x19
+          text run at (476,137) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {DIV} at (0,247) size 784x50
-layer at (10,45) size 474x46 clip at (12,47) size 470x42
-  RenderTextControl {TEXTAREA} at (2,2) size 474x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 466x19
+      RenderBlock {DIV} at (0,239) size 784x48
+layer at (10,45) size 472x44 clip at (11,46) size 470x42
+  RenderTextControl {TEXTAREA} at (2,2) size 472x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 466x19
       RenderText {#text} at (0,0) size 250x19
         text run at (0,0) width 250: "This is should be aligned to the left."
-layer at (10,99) size 474x46 clip at (12,101) size 470x42
-  RenderTextControl {TEXTAREA} at (2,56) size 474x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 466x19
+layer at (10,97) size 472x44 clip at (11,98) size 470x42
+  RenderTextControl {TEXTAREA} at (2,54) size 472x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 466x19
       RenderText {#text} at (0,0) size 250x19
         text run at (0,0) width 250: "This is should be aligned to the left."
-layer at (10,153) size 474x46 clip at (12,155) size 470x42
-  RenderTextControl {TEXTAREA} at (2,110) size 474x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 466x19
+layer at (10,149) size 472x44 clip at (11,150) size 470x42
+  RenderTextControl {TEXTAREA} at (2,106) size 472x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 466x19
       RenderText {#text} at (0,0) size 250x19
         text run at (0,0) width 250: "This is should be aligned to the left."
-layer at (10,207) size 474x46 clip at (12,209) size 470x42
-  RenderTextControl {TEXTAREA} at (2,164) size 474x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 466x19
+layer at (10,201) size 472x44 clip at (11,202) size 470x42
+  RenderTextControl {TEXTAREA} at (2,158) size 472x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 466x19
       RenderText {#text} at (0,0) size 250x19
         text run at (0,0) width 250: "This is should be aligned to the left."
-layer at (10,257) size 474x46 clip at (12,259) size 470x42
-  RenderTextControl {TEXTAREA} at (2,2) size 474x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 466x19
+layer at (10,249) size 472x44 clip at (11,250) size 470x42
+  RenderTextControl {TEXTAREA} at (2,2) size 472x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 466x19
       RenderText {#text} at (0,0) size 250x19
         text run at (0,0) width 250: "This is should be aligned to the left."
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt
index 6013b11..fd4c467 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt
@@ -6,22 +6,22 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 328x19
         text run at (0,0) width 328: "This tests that you can set the placeholder text color."
       RenderBR {BR} at (328,15) size 0x0
-      RenderText {#text} at (208,54) size 4x19
-        text run at (208,54) width 4: " "
-      RenderText {#text} at (420,54) size 4x19
-        text run at (420,54) width 4: " "
-      RenderText {#text} at (632,54) size 4x19
-        text run at (632,54) width 4: " "
+      RenderText {#text} at (206,52) size 4x19
+        text run at (206,52) width 4: " "
+      RenderText {#text} at (416,52) size 4x19
+        text run at (416,52) width 4: " "
+      RenderText {#text} at (626,52) size 4x19
+        text run at (626,52) width 4: " "
       RenderText {#text} at (0,0) size 0x0
-layer at (10,29) size 204x46 clip at (12,31) size 200x42
-  RenderTextControl {TEXTAREA} at (2,21) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
-layer at (222,29) size 204x46 clip at (224,31) size 200x42
-  RenderTextControl {TEXTAREA} at (214,21) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19 [color=#545454]
-layer at (434,29) size 204x46 clip at (436,31) size 200x42
-  RenderTextControl {TEXTAREA} at (426,21) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
-layer at (10,83) size 204x46 clip at (12,85) size 200x42
-  RenderTextControl {TEXTAREA} at (2,75) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19 [color=#545454]
+layer at (10,29) size 202x44 clip at (11,30) size 200x42
+  RenderTextControl {TEXTAREA} at (2,21) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
+layer at (220,29) size 202x44 clip at (221,30) size 200x42
+  RenderTextControl {TEXTAREA} at (212,21) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19 [color=#545454]
+layer at (430,29) size 202x44 clip at (431,30) size 200x42
+  RenderTextControl {TEXTAREA} at (422,21) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
+layer at (10,81) size 202x44 clip at (11,82) size 200x42
+  RenderTextControl {TEXTAREA} at (2,73) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19 [color=#545454]
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt
index 63410b4..f11fbd3 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt
@@ -6,7 +6,7 @@ layer at (0,0) size 800x600
       RenderBlock {P} at (0,0) size 784x19
         RenderText {#text} at (0,0) size 439x19
           text run at (0,0) width 439: "If you can see the word \"Placeholder\" in the text area, then all is well."
-      RenderBlock {P} at (0,35) size 784x50
-layer at (10,45) size 204x46 clip at (12,47) size 200x42
-  RenderTextControl {TEXTAREA} at (2,2) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+      RenderBlock {P} at (0,35) size 784x48
+layer at (10,45) size 202x44 clip at (11,46) size 200x42
+  RenderTextControl {TEXTAREA} at (2,2) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt
index 88bb160..c2716e2 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt
@@ -11,10 +11,10 @@ layer at (0,0) size 800x600
             text run at (53,0) width 305: "https://bugs.webkit.org/show_bug.cgi?id=21248"
         RenderText {#text} at (358,0) size 4x19
           text run at (358,0) width 4: "."
-      RenderBlock (anonymous) at (0,35) size 784x50
+      RenderBlock (anonymous) at (0,35) size 784x48
         RenderText {#text} at (0,0) size 0x0
-layer at (10,45) size 204x46 clip at (12,47) size 200x42
-  RenderTextControl {TEXTAREA} at (2,2) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+layer at (10,45) size 202x44 clip at (11,46) size 200x42
+  RenderTextControl {TEXTAREA} at (2,2) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
       RenderText {#text} at (0,0) size 62x19
         text run at (0,0) width 62: "New text"
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.txt
index 521d4c2..07a70f6 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.txt
@@ -6,10 +6,10 @@ layer at (0,0) size 800x600
       RenderText {#text} at (200,185) size 4x19
         text run at (200,185) width 4: " "
       RenderText {#text} at (204,185) size 52x19
-        text run at (204,185) width 52: "180 460"
-layer at (8,8) size 200x200 clip at (10,10) size 180x196 scrollHeight 460
-  RenderTextControl {TEXTAREA} at (0,0) size 200x200 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 176x456
+        text run at (204,185) width 52: "182 460"
+layer at (8,8) size 200x200 clip at (9,9) size 182x198 scrollHeight 460
+  RenderTextControl {TEXTAREA} at (0,0) size 200x200 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 178x456
       RenderText {#text} at (0,0) size 107x437
         text run at (0,0) width 107: "Lots of content."
         text run at (107,0) width 0: " "
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.txt
index 9967767..49ec363 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.txt
@@ -7,9 +7,9 @@ layer at (0,0) size 800x600
         text run at (0,0) width 442: "This tests that a scrollbar will appear when text overflows the textarea "
       RenderBR {BR} at (442,15) size 0x0
       RenderText {#text} at (0,0) size 0x0
-layer at (10,29) size 204x122 clip at (12,31) size 184x118 scrollHeight 175
-  RenderTextControl {TEXTAREA} at (2,21) size 204x122 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 180x171
+layer at (10,29) size 202x120 clip at (11,30) size 184x118 scrollHeight 175
+  RenderTextControl {TEXTAREA} at (2,21) size 202x120 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 180x171
       RenderText {#text} at (0,0) size 9x76
         text run at (0,0) width 9: "1"
         text run at (9,0) width 0: " "
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.txt
index 976ad26..d2ab52d 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.txt
@@ -3,17 +3,17 @@ 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
-      RenderBlock (anonymous) at (0,0) size 784x168
+      RenderBlock (anonymous) at (0,0) size 784x166
         RenderText {#text} at (0,0) size 502x19
           text run at (0,0) width 502: "This tests that typing in a scrolled textarea does not cause unnecessary scrolling."
         RenderBR {BR} at (502,15) size 0x0
-        RenderText {#text} at (208,149) size 4x19
-          text run at (208,149) width 4: " "
-        RenderBR {BR} at (212,164) size 0x0
-      RenderBlock {DIV} at (0,168) size 784x0
-layer at (10,29) size 204x141 clip at (12,31) size 184x137 scrollY 266 scrollHeight 403
-  RenderTextControl {TEXTAREA} at (2,21) size 204x141 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 180x399
+        RenderText {#text} at (206,147) size 4x19
+          text run at (206,147) width 4: " "
+        RenderBR {BR} at (210,162) size 0x0
+      RenderBlock {DIV} at (0,166) size 784x0
+layer at (10,29) size 202x139 clip at (11,30) size 184x137 scrollY 266 scrollHeight 403
+  RenderTextControl {TEXTAREA} at (2,21) size 202x139 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 180x399
       RenderText {#text} at (0,0) size 58x380
         text run at (0,0) width 9: "1"
         text run at (9,0) width 0: " "
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt
index 520259f..fcca0f3 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt
@@ -4,8 +4,8 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {#text} at (0,0) size 0x0
-layer at (10,10) size 204x46 clip at (12,12) size 200x42
-  RenderTextControl {TEXTAREA} at (2,2) size 204x46 [bgcolor=#FFFFFF] [border: (2px solid #000000)]
-    RenderBlock {DIV} at (4,4) size 196x19
+layer at (10,10) size 202x44 clip at (11,11) size 200x42
+  RenderTextControl {TEXTAREA} at (2,2) size 202x44 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 196x19
       RenderText {#text} at (0,0) size 89x19
         text run at (0,0) width 89: "Test Passed"
diff --git a/LayoutTests/platform/gtk/fast/forms/textarea-width-expected.txt b/LayoutTests/platform/gtk/fast/forms/textarea-width-expected.txt
index 88b93b7..e225176 100644
--- a/LayoutTests/platform/gtk/fast/forms/textarea-width-expected.txt
+++ b/LayoutTests/platform/gtk/fast/forms/textarea-width-expected.txt
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 778x38
           text run at (0,0) width 778: "This text area should be drawn with a reasonable width. To match IE, using GDI fonts it should wrap at 66 characters (after"
           text run at (0,19) width 532: "the X in the third set of digits). See https://bugs.webkit.org/show_bug.cgi?id=15312."
-      RenderBlock (anonymous) at (0,38) size 784x287
+      RenderBlock (anonymous) at (0,38) size 784x285
         RenderBR {BR} at (0,0) size 0x19
         RenderText {#text} at (0,0) size 0x0
-layer at (8,65) size 552x268 clip at (10,67) size 548x264
-  RenderTextControl {TEXTAREA} at (0,19) size 552x268 [color=#333333] [bgcolor=#FFFFFF] [border: (2px solid #333333)]
-    RenderBlock {DIV} at (4,4) size 544x39
+layer at (8,65) size 550x266 clip at (9,66) size 548x264
+  RenderTextControl {TEXTAREA} at (0,19) size 550x266 [color=#333333] [bgcolor=#FFFFFF] [border: (1px solid #333333)]
+    RenderBlock {DIV} at (3,3) size 544x39
       RenderText {#text} at (0,0) size 541x26
         text run at (0,0) width 541: "1234567890abcdefghijABCDEFGHIJ1234567890abcdefghijABCDEFGHIJ12345X7890abcdefghijABCDEFGXIJ1234"
         text run at (0,13) width 148: "567890abcdefghijABCDEFGHIJ"
diff --git a/WebCore/ChangeLog b/WebCore/ChangeLog
index 853ca88..59623ee 100644
--- a/WebCore/ChangeLog
+++ b/WebCore/ChangeLog
@@ -1,3 +1,22 @@
+2011-01-04  Martin Robinson  <mrobinson at igalia.com>
+
+        Reviewed by Xan Lopez.
+
+        [GTK] Use the default CSS text input control border width of relying on the GTK+ theme
+        https://bugs.webkit.org/show_bug.cgi?id=51887
+
+        Do not rely on the GTK+ theme to determine text control borders. This simplifies
+        the RenderTheme code, prevents metrics differences between GTK+ 2.x and 3.x and
+        doesn't break the rendering of any theme that I've encountered.
+
+        * platform/gtk/RenderThemeGtk.cpp:
+        (WebCore::RenderThemeGtk::adjustSearchFieldStyle): No longer call setTextInputBorders, but
+        still disable any border radius.
+        * platform/gtk/RenderThemeGtk.h: Remove setTextInputBorders and no longer override the
+        default style of text areas and text input controls.
+        * platform/gtk/RenderThemeGtk2.cpp: Ditto.
+        * platform/gtk/RenderThemeGtk3.cpp: Ditto.
+
 2011-01-03  Martin Robinson  <mrobinson at igalia.com>
 
         Reviewed by Darin Adler.
diff --git a/WebCore/platform/gtk/RenderThemeGtk.cpp b/WebCore/platform/gtk/RenderThemeGtk.cpp
index 061028b..704a55c 100644
--- a/WebCore/platform/gtk/RenderThemeGtk.cpp
+++ b/WebCore/platform/gtk/RenderThemeGtk.cpp
@@ -265,16 +265,6 @@ bool RenderThemeGtk::paintMenuListButton(RenderObject* object, const PaintInfo&
     return paintMenuList(object, info, rect);
 }
 
-void RenderThemeGtk::adjustTextFieldStyle(CSSStyleSelector* selector, RenderStyle* style, Element* e) const
-{
-    RenderThemeGtk::setTextInputBorders(style);
-}
-
-void RenderThemeGtk::adjustTextAreaStyle(CSSStyleSelector* selector, RenderStyle* style, Element* e) const
-{
-    RenderThemeGtk::setTextInputBorders(style);
-}
-
 bool RenderThemeGtk::paintTextArea(RenderObject* o, const PaintInfo& i, const IntRect& r)
 {
     return paintTextField(o, i, r);
@@ -355,8 +345,9 @@ bool RenderThemeGtk::paintSearchFieldCancelButton(RenderObject* renderObject, co
 
 void RenderThemeGtk::adjustSearchFieldStyle(CSSStyleSelector* selector, RenderStyle* style, Element* e) const
 {
+    // We cannot give a proper rendering when border radius is active, unfortunately.
+    style->resetBorderRadius();
     style->setLineHeight(RenderStyle::initialLineHeight());
-    setTextInputBorders(style);
 }
 
 bool RenderThemeGtk::paintSearchField(RenderObject* o, const PaintInfo& i, const IntRect& rect)
diff --git a/WebCore/platform/gtk/RenderThemeGtk.h b/WebCore/platform/gtk/RenderThemeGtk.h
index b7c3b79..e02a62d 100644
--- a/WebCore/platform/gtk/RenderThemeGtk.h
+++ b/WebCore/platform/gtk/RenderThemeGtk.h
@@ -98,10 +98,7 @@ protected:
     virtual void adjustButtonStyle(CSSStyleSelector*, RenderStyle*, Element*) const;
     virtual bool paintButton(RenderObject*, const PaintInfo&, const IntRect&);
 
-    virtual void adjustTextFieldStyle(CSSStyleSelector*, RenderStyle*, Element*) const;
     virtual bool paintTextField(RenderObject*, const PaintInfo&, const IntRect&);
-
-    void adjustTextAreaStyle(CSSStyleSelector*, RenderStyle*, Element*) const;
     virtual bool paintTextArea(RenderObject*, const PaintInfo&, const IntRect&);
 
     int popupInternalPaddingLeft(RenderStyle*) const;
diff --git a/WebCore/platform/gtk/RenderThemeGtk2.cpp b/WebCore/platform/gtk/RenderThemeGtk2.cpp
index 7e98f08..16849d4 100644
--- a/WebCore/platform/gtk/RenderThemeGtk2.cpp
+++ b/WebCore/platform/gtk/RenderThemeGtk2.cpp
@@ -233,24 +233,6 @@ bool RenderThemeGtk::paintMenuList(RenderObject* object, const PaintInfo& info,
     return paintRenderObject(MOZ_GTK_DROPDOWN, object, info.context, rect);
 }
 
-void RenderThemeGtk::setTextInputBorders(RenderStyle* style)
-{
-    // If this control isn't drawn using the native theme, we don't touch the borders.
-    if (style->appearance() == NoControlPart)
-        return;
-
-    // We cannot give a proper rendering when border radius is active, unfortunately.
-    style->resetBorderRadius();
-
-    int left = 0, top = 0, right = 0, bottom = 0;
-    moz_gtk_get_widget_border(MOZ_GTK_ENTRY, &left, &top, &right, &bottom,
-                              gtkTextDirection(style->direction()), TRUE);
-    style->setBorderLeftWidth(left);
-    style->setBorderTopWidth(top);
-    style->setBorderRightWidth(right);
-    style->setBorderBottomWidth(bottom);
-}
-
 bool RenderThemeGtk::paintTextField(RenderObject* object, const PaintInfo& info, const IntRect& rect)
 {
     return paintRenderObject(MOZ_GTK_ENTRY, object, info.context, rect);
diff --git a/WebCore/platform/gtk/RenderThemeGtk3.cpp b/WebCore/platform/gtk/RenderThemeGtk3.cpp
index afd2eb2..d35e2d5 100644
--- a/WebCore/platform/gtk/RenderThemeGtk3.cpp
+++ b/WebCore/platform/gtk/RenderThemeGtk3.cpp
@@ -268,24 +268,6 @@ bool RenderThemeGtk::paintMenuList(RenderObject* object, const PaintInfo& info,
     return paintRenderObject(MOZ_GTK_DROPDOWN, object, info.context, rect);
 }
 
-void RenderThemeGtk::setTextInputBorders(RenderStyle* style)
-{
-    // If this control isn't drawn using the native theme, we don't touch the borders.
-    if (style->appearance() == NoControlPart)
-        return;
-
-    // We cannot give a proper rendering when border radius is active, unfortunately.
-    style->resetBorderRadius();
-
-    int left = 0, top = 0, right = 0, bottom = 0;
-    moz_gtk_get_widget_border(MOZ_GTK_ENTRY, &left, &top, &right, &bottom,
-                              gtkTextDirection(style->direction()), TRUE);
-    style->setBorderLeftWidth(left);
-    style->setBorderTopWidth(top);
-    style->setBorderRightWidth(right);
-    style->setBorderBottomWidth(bottom);
-}
-
 bool RenderThemeGtk::paintTextField(RenderObject* object, const PaintInfo& info, const IntRect& rect)
 {
     return paintRenderObject(MOZ_GTK_ENTRY, object, info.context, rect);

-- 
WebKit Debian packaging



More information about the Pkg-webkit-commits mailing list