2010-11-24 Martin Robinson <mrobinson@igalia.com>
authormrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 2 Dec 2010 14:11:23 +0000 (14:11 +0000)
committermrobinson@webkit.org <mrobinson@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 2 Dec 2010 14:11:23 +0000 (14:11 +0000)
        Reviewed by Xan Lopez.

        [GTK] Text input controls do not react properly to CSS styling
        https://bugs.webkit.org/show_bug.cgi?id=40855

        Update tests which have changed after fixes to text field layout.

        * platform/gtk/fast/css/input-search-padding-expected.txt:
        * platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.txt:
        * platform/gtk/fast/forms/basic-inputs-expected.txt:
        * platform/gtk/fast/forms/basic-textareas-expected.txt:
        * platform/gtk/fast/forms/box-shadow-override-expected.txt:
        * platform/gtk/fast/forms/control-restrict-line-height-expected.txt:
        * platform/gtk/fast/forms/encoding-test-expected.txt:
        * platform/gtk/fast/forms/fieldset-align-expected.txt:
        * platform/gtk/fast/forms/floating-textfield-relayout-expected.txt:
        * platform/gtk/fast/forms/form-element-geometry-expected.txt:
        * platform/gtk/fast/forms/input-align-expected.txt:
        * platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.txt:
        * platform/gtk/fast/forms/input-appearance-disabled-expected.txt:
        * platform/gtk/fast/forms/input-appearance-focus-expected.txt:
        * platform/gtk/fast/forms/input-appearance-height-expected.txt:
        * platform/gtk/fast/forms/input-appearance-preventDefault-expected.txt:
        * platform/gtk/fast/forms/input-appearance-readonly-expected.txt:
        * platform/gtk/fast/forms/input-appearance-selection-expected.txt:
        * platform/gtk/fast/forms/input-appearance-visibility-expected.txt:
        * platform/gtk/fast/forms/input-appearance-width-expected.txt:
        * platform/gtk/fast/forms/input-baseline-expected.txt:
        * platform/gtk/fast/forms/input-disabled-color-expected.txt:
        * platform/gtk/fast/forms/input-double-click-selection-gap-bug-expected.txt:
        * platform/gtk/fast/forms/input-field-text-truncated-expected.txt:
        * platform/gtk/fast/forms/input-paste-undo-expected.txt:
        * platform/gtk/fast/forms/input-placeholder-focus-twice-expected.txt:
        * platform/gtk/fast/forms/input-readonly-autoscroll-expected.txt:
        * platform/gtk/fast/forms/input-readonly-dimmed-expected.txt:
        * platform/gtk/fast/forms/input-readonly-empty-expected.txt:
        * platform/gtk/fast/forms/input-spaces-expected.txt:
        * platform/gtk/fast/forms/input-table-expected.txt:
        * platform/gtk/fast/forms/input-text-click-inside-expected.txt:
        * platform/gtk/fast/forms/input-text-click-outside-expected.txt:
        * platform/gtk/fast/forms/input-text-double-click-expected.txt:
        * platform/gtk/fast/forms/input-text-drag-down-expected.txt:
        * platform/gtk/fast/forms/input-text-option-delete-expected.txt:
        * platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.txt:
        * platform/gtk/fast/forms/input-text-self-emptying-click-expected.txt:
        * platform/gtk/fast/forms/input-text-word-wrap-expected.txt:
        * platform/gtk/fast/forms/input-type-change2-expected.txt:
        * platform/gtk/fast/forms/input-type-text-min-width-expected.txt:
        * platform/gtk/fast/forms/input-value-expected.txt:
        * platform/gtk/fast/forms/input-width-expected.txt:
        * platform/gtk/fast/forms/isindex-placeholder-expected.txt:
        * platform/gtk/fast/forms/minWidthPercent-expected.txt:
        * platform/gtk/fast/forms/password-placeholder-expected.txt:
        * platform/gtk/fast/forms/password-placeholder-text-security-expected.txt:
        * platform/gtk/fast/forms/placeholder-pseudo-style-expected.txt:
        * platform/gtk/fast/forms/placeholder-set-attribute-expected.txt:
        * platform/gtk/fast/forms/placeholder-set-value-expected.txt:
        * platform/gtk/fast/forms/placeholder-stripped-expected.txt:
        * platform/gtk/fast/forms/plaintext-mode-2-expected.txt:
        * platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.txt:
        * platform/gtk/fast/forms/search-display-none-cancel-button-expected.txt:
        * platform/gtk/fast/forms/search-placeholder-value-changed-expected.txt:
        * platform/gtk/fast/forms/search-rtl-expected.txt:
        * platform/gtk/fast/forms/search-styled-expected.txt:
        * platform/gtk/fast/forms/search-transformed-expected.txt:
        * platform/gtk/fast/forms/search-zoomed-expected.txt:
        * platform/gtk/fast/forms/searchfield-heights-expected.txt:
        * platform/gtk/fast/forms/tabbing-input-iframe-expected.txt:
        * platform/gtk/fast/forms/text-control-intrinsic-widths-expected.txt:
        * platform/gtk/fast/forms/text-style-color-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:
        * platform/gtk/fast/forms/textfield-focus-ring-expected.txt:
        * platform/gtk/fast/forms/textfield-overflow-expected.txt:
        * platform/gtk/fast/forms/visual-hebrew-text-field-expected.txt:
        * platform/gtk/fast/frames/take-focus-from-iframe-expected.txt:
2010-10-26  Martin Robinson  <mrobinson@igalia.com>

        Reviewed by Xan Lopez.

        [GTK] Text input controls do not react properly to CSS styling
        https://bugs.webkit.org/show_bug.cgi?id=40855

        Improve text input control rendering. Instead of using the GTK+ border
        attributes of the control modify the padding, they modify the border.
        Make this same choice for search inputs and text area inputs.

        * platform/gtk/RenderThemeGtk.cpp:
        (WebCore::setTextInputBorders): Added this helper which sets text input control
        borders based on GTK+ theme settings.
        (WebCore::RenderThemeGtk::adjustTextFieldStyle): Use the setTextInputBorders helper.
        (WebCore::RenderThemeGtk::adjustTextAreaStyle): Ditto.
        (WebCore::RenderThemeGtk::adjustSearchFieldStyle): Ditto.
        * platform/gtk/RenderThemeGtk.h:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@73128 268f45cc-cd09-0410-ab3c-d52691b4dbfc

232 files changed:
LayoutTests/ChangeLog
LayoutTests/platform/gtk/editing/pasteboard/drop-text-without-selection-expected.checksum
LayoutTests/platform/gtk/editing/pasteboard/drop-text-without-selection-expected.png
LayoutTests/platform/gtk/editing/pasteboard/drop-text-without-selection-expected.txt
LayoutTests/platform/gtk/editing/selection/drag-select-1-expected.checksum
LayoutTests/platform/gtk/editing/selection/drag-select-1-expected.png
LayoutTests/platform/gtk/editing/selection/drag-select-1-expected.txt
LayoutTests/platform/gtk/editing/selection/drag-text-delay-expected.checksum
LayoutTests/platform/gtk/editing/selection/drag-text-delay-expected.png
LayoutTests/platform/gtk/editing/selection/drag-text-delay-expected.txt
LayoutTests/platform/gtk/fast/css/input-search-padding-expected.checksum
LayoutTests/platform/gtk/fast/css/input-search-padding-expected.png
LayoutTests/platform/gtk/fast/css/input-search-padding-expected.txt
LayoutTests/platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.checksum
LayoutTests/platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.png
LayoutTests/platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.txt
LayoutTests/platform/gtk/fast/forms/basic-inputs-expected.checksum
LayoutTests/platform/gtk/fast/forms/basic-inputs-expected.png
LayoutTests/platform/gtk/fast/forms/basic-inputs-expected.txt
LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.checksum
LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.png
LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.txt
LayoutTests/platform/gtk/fast/forms/box-shadow-override-expected.checksum
LayoutTests/platform/gtk/fast/forms/box-shadow-override-expected.png
LayoutTests/platform/gtk/fast/forms/box-shadow-override-expected.txt
LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.checksum
LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.png
LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.txt
LayoutTests/platform/gtk/fast/forms/encoding-test-expected.checksum
LayoutTests/platform/gtk/fast/forms/encoding-test-expected.png
LayoutTests/platform/gtk/fast/forms/encoding-test-expected.txt
LayoutTests/platform/gtk/fast/forms/fieldset-align-expected.checksum
LayoutTests/platform/gtk/fast/forms/fieldset-align-expected.png
LayoutTests/platform/gtk/fast/forms/fieldset-align-expected.txt
LayoutTests/platform/gtk/fast/forms/floating-textfield-relayout-expected.checksum
LayoutTests/platform/gtk/fast/forms/floating-textfield-relayout-expected.png
LayoutTests/platform/gtk/fast/forms/floating-textfield-relayout-expected.txt
LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.checksum
LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.png
LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.txt
LayoutTests/platform/gtk/fast/forms/input-align-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-align-expected.png
LayoutTests/platform/gtk/fast/forms/input-align-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-disabled-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-disabled-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-disabled-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-focus-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-focus-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-focus-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-preventDefault-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-preventDefault-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-preventDefault-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-readonly-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-readonly-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-readonly-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-selection-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-selection-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-selection-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-visibility-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-visibility-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-visibility-expected.txt
LayoutTests/platform/gtk/fast/forms/input-appearance-width-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-appearance-width-expected.png
LayoutTests/platform/gtk/fast/forms/input-appearance-width-expected.txt
LayoutTests/platform/gtk/fast/forms/input-baseline-expected.txt
LayoutTests/platform/gtk/fast/forms/input-disabled-color-expected.txt
LayoutTests/platform/gtk/fast/forms/input-double-click-selection-gap-bug-expected.txt
LayoutTests/platform/gtk/fast/forms/input-field-text-truncated-expected.txt
LayoutTests/platform/gtk/fast/forms/input-paste-undo-expected.txt
LayoutTests/platform/gtk/fast/forms/input-placeholder-focus-twice-expected.txt
LayoutTests/platform/gtk/fast/forms/input-readonly-autoscroll-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-readonly-autoscroll-expected.png
LayoutTests/platform/gtk/fast/forms/input-readonly-autoscroll-expected.txt
LayoutTests/platform/gtk/fast/forms/input-readonly-dimmed-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-readonly-dimmed-expected.png
LayoutTests/platform/gtk/fast/forms/input-readonly-dimmed-expected.txt
LayoutTests/platform/gtk/fast/forms/input-readonly-empty-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-readonly-empty-expected.png
LayoutTests/platform/gtk/fast/forms/input-readonly-empty-expected.txt
LayoutTests/platform/gtk/fast/forms/input-spaces-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-spaces-expected.png
LayoutTests/platform/gtk/fast/forms/input-spaces-expected.txt
LayoutTests/platform/gtk/fast/forms/input-table-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-table-expected.png
LayoutTests/platform/gtk/fast/forms/input-table-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-click-inside-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-click-inside-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-click-inside-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-click-outside-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-click-outside-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-click-outside-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-double-click-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-double-click-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-double-click-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-drag-down-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-drag-down-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-drag-down-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-option-delete-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-option-delete-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-option-delete-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-self-emptying-click-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-self-emptying-click-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-self-emptying-click-expected.txt
LayoutTests/platform/gtk/fast/forms/input-text-word-wrap-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-text-word-wrap-expected.png
LayoutTests/platform/gtk/fast/forms/input-text-word-wrap-expected.txt
LayoutTests/platform/gtk/fast/forms/input-type-change2-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-type-change2-expected.png
LayoutTests/platform/gtk/fast/forms/input-type-change2-expected.txt
LayoutTests/platform/gtk/fast/forms/input-type-text-min-width-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-type-text-min-width-expected.png
LayoutTests/platform/gtk/fast/forms/input-type-text-min-width-expected.txt
LayoutTests/platform/gtk/fast/forms/input-value-expected.checksum
LayoutTests/platform/gtk/fast/forms/input-value-expected.png
LayoutTests/platform/gtk/fast/forms/input-value-expected.txt
LayoutTests/platform/gtk/fast/forms/input-width-expected.png
LayoutTests/platform/gtk/fast/forms/input-width-expected.txt
LayoutTests/platform/gtk/fast/forms/isindex-placeholder-expected.checksum
LayoutTests/platform/gtk/fast/forms/isindex-placeholder-expected.png
LayoutTests/platform/gtk/fast/forms/isindex-placeholder-expected.txt
LayoutTests/platform/gtk/fast/forms/minWidthPercent-expected.checksum
LayoutTests/platform/gtk/fast/forms/minWidthPercent-expected.png
LayoutTests/platform/gtk/fast/forms/minWidthPercent-expected.txt
LayoutTests/platform/gtk/fast/forms/password-placeholder-expected.checksum
LayoutTests/platform/gtk/fast/forms/password-placeholder-expected.png
LayoutTests/platform/gtk/fast/forms/password-placeholder-expected.txt
LayoutTests/platform/gtk/fast/forms/password-placeholder-text-security-expected.checksum
LayoutTests/platform/gtk/fast/forms/password-placeholder-text-security-expected.png
LayoutTests/platform/gtk/fast/forms/password-placeholder-text-security-expected.txt
LayoutTests/platform/gtk/fast/forms/placeholder-pseudo-style-expected.checksum
LayoutTests/platform/gtk/fast/forms/placeholder-pseudo-style-expected.png
LayoutTests/platform/gtk/fast/forms/placeholder-pseudo-style-expected.txt
LayoutTests/platform/gtk/fast/forms/placeholder-set-attribute-expected.checksum
LayoutTests/platform/gtk/fast/forms/placeholder-set-attribute-expected.png
LayoutTests/platform/gtk/fast/forms/placeholder-set-attribute-expected.txt
LayoutTests/platform/gtk/fast/forms/placeholder-set-value-expected.checksum
LayoutTests/platform/gtk/fast/forms/placeholder-set-value-expected.png
LayoutTests/platform/gtk/fast/forms/placeholder-set-value-expected.txt
LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.checksum
LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.png
LayoutTests/platform/gtk/fast/forms/placeholder-stripped-expected.txt
LayoutTests/platform/gtk/fast/forms/plaintext-mode-2-expected.checksum
LayoutTests/platform/gtk/fast/forms/plaintext-mode-2-expected.png
LayoutTests/platform/gtk/fast/forms/plaintext-mode-2-expected.txt
LayoutTests/platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.png
LayoutTests/platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.txt
LayoutTests/platform/gtk/fast/forms/search-display-none-cancel-button-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-display-none-cancel-button-expected.png
LayoutTests/platform/gtk/fast/forms/search-display-none-cancel-button-expected.txt
LayoutTests/platform/gtk/fast/forms/search-placeholder-value-changed-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-placeholder-value-changed-expected.png
LayoutTests/platform/gtk/fast/forms/search-placeholder-value-changed-expected.txt
LayoutTests/platform/gtk/fast/forms/search-rtl-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-rtl-expected.png
LayoutTests/platform/gtk/fast/forms/search-rtl-expected.txt
LayoutTests/platform/gtk/fast/forms/search-styled-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-styled-expected.png
LayoutTests/platform/gtk/fast/forms/search-styled-expected.txt
LayoutTests/platform/gtk/fast/forms/search-transformed-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-transformed-expected.png
LayoutTests/platform/gtk/fast/forms/search-transformed-expected.txt
LayoutTests/platform/gtk/fast/forms/search-zoomed-expected.checksum
LayoutTests/platform/gtk/fast/forms/search-zoomed-expected.png
LayoutTests/platform/gtk/fast/forms/search-zoomed-expected.txt
LayoutTests/platform/gtk/fast/forms/searchfield-heights-expected.checksum
LayoutTests/platform/gtk/fast/forms/searchfield-heights-expected.png
LayoutTests/platform/gtk/fast/forms/searchfield-heights-expected.txt
LayoutTests/platform/gtk/fast/forms/tabbing-input-iframe-expected.checksum
LayoutTests/platform/gtk/fast/forms/tabbing-input-iframe-expected.png
LayoutTests/platform/gtk/fast/forms/tabbing-input-iframe-expected.txt
LayoutTests/platform/gtk/fast/forms/text-control-intrinsic-widths-expected.txt
LayoutTests/platform/gtk/fast/forms/text-style-color-expected.checksum
LayoutTests/platform/gtk/fast/forms/text-style-color-expected.png
LayoutTests/platform/gtk/fast/forms/text-style-color-expected.txt
LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.checksum
LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.png
LayoutTests/platform/gtk/fast/forms/textAreaLineHeight-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-align-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-align-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-align-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-pseudo-style-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-attribute-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-placeholder-set-value-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-scroll-height-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-scrollbar-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-scrolled-type-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-setinnerhtml-expected.txt
LayoutTests/platform/gtk/fast/forms/textarea-width-expected.checksum
LayoutTests/platform/gtk/fast/forms/textarea-width-expected.png
LayoutTests/platform/gtk/fast/forms/textarea-width-expected.txt
LayoutTests/platform/gtk/fast/forms/textfield-focus-ring-expected.checksum
LayoutTests/platform/gtk/fast/forms/textfield-focus-ring-expected.png
LayoutTests/platform/gtk/fast/forms/textfield-focus-ring-expected.txt
LayoutTests/platform/gtk/fast/forms/textfield-overflow-expected.checksum
LayoutTests/platform/gtk/fast/forms/textfield-overflow-expected.png
LayoutTests/platform/gtk/fast/forms/textfield-overflow-expected.txt
LayoutTests/platform/gtk/fast/forms/visual-hebrew-text-field-expected.checksum
LayoutTests/platform/gtk/fast/forms/visual-hebrew-text-field-expected.png
LayoutTests/platform/gtk/fast/forms/visual-hebrew-text-field-expected.txt
LayoutTests/platform/gtk/fast/frames/take-focus-from-iframe-expected.checksum
LayoutTests/platform/gtk/fast/frames/take-focus-from-iframe-expected.png
LayoutTests/platform/gtk/fast/frames/take-focus-from-iframe-expected.txt
LayoutTests/platform/gtk/fast/table/colspanMinWidth-vertical-expected.checksum [new file with mode: 0644]
LayoutTests/platform/gtk/fast/table/colspanMinWidth-vertical-expected.png [new file with mode: 0644]
LayoutTests/platform/gtk/fast/table/colspanMinWidth-vertical-expected.txt
WebCore/ChangeLog
WebCore/platform/gtk/RenderThemeGtk.cpp
WebCore/platform/gtk/RenderThemeGtk.h

index f1b2f91..62d40a1 100644 (file)
@@ -1,3 +1,90 @@
+2010-11-24  Martin Robinson  <mrobinson@igalia.com>
+
+        Reviewed by Xan Lopez.
+
+        [GTK] Text input controls do not react properly to CSS styling
+        https://bugs.webkit.org/show_bug.cgi?id=40855
+
+        Update tests which have changed after fixes to text field layout.
+
+        * platform/gtk/fast/css/input-search-padding-expected.txt:
+        * platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.txt:
+        * platform/gtk/fast/forms/basic-inputs-expected.txt:
+        * platform/gtk/fast/forms/basic-textareas-expected.txt:
+        * platform/gtk/fast/forms/box-shadow-override-expected.txt:
+        * platform/gtk/fast/forms/control-restrict-line-height-expected.txt:
+        * platform/gtk/fast/forms/encoding-test-expected.txt:
+        * platform/gtk/fast/forms/fieldset-align-expected.txt:
+        * platform/gtk/fast/forms/floating-textfield-relayout-expected.txt:
+        * platform/gtk/fast/forms/form-element-geometry-expected.txt:
+        * platform/gtk/fast/forms/input-align-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-disabled-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-focus-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-height-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-preventDefault-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-readonly-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-selection-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-visibility-expected.txt:
+        * platform/gtk/fast/forms/input-appearance-width-expected.txt:
+        * platform/gtk/fast/forms/input-baseline-expected.txt:
+        * platform/gtk/fast/forms/input-disabled-color-expected.txt:
+        * platform/gtk/fast/forms/input-double-click-selection-gap-bug-expected.txt:
+        * platform/gtk/fast/forms/input-field-text-truncated-expected.txt:
+        * platform/gtk/fast/forms/input-paste-undo-expected.txt:
+        * platform/gtk/fast/forms/input-placeholder-focus-twice-expected.txt:
+        * platform/gtk/fast/forms/input-readonly-autoscroll-expected.txt:
+        * platform/gtk/fast/forms/input-readonly-dimmed-expected.txt:
+        * platform/gtk/fast/forms/input-readonly-empty-expected.txt:
+        * platform/gtk/fast/forms/input-spaces-expected.txt:
+        * platform/gtk/fast/forms/input-table-expected.txt:
+        * platform/gtk/fast/forms/input-text-click-inside-expected.txt:
+        * platform/gtk/fast/forms/input-text-click-outside-expected.txt:
+        * platform/gtk/fast/forms/input-text-double-click-expected.txt:
+        * platform/gtk/fast/forms/input-text-drag-down-expected.txt:
+        * platform/gtk/fast/forms/input-text-option-delete-expected.txt:
+        * platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.txt:
+        * platform/gtk/fast/forms/input-text-self-emptying-click-expected.txt:
+        * platform/gtk/fast/forms/input-text-word-wrap-expected.txt:
+        * platform/gtk/fast/forms/input-type-change2-expected.txt:
+        * platform/gtk/fast/forms/input-type-text-min-width-expected.txt:
+        * platform/gtk/fast/forms/input-value-expected.txt:
+        * platform/gtk/fast/forms/input-width-expected.txt:
+        * platform/gtk/fast/forms/isindex-placeholder-expected.txt:
+        * platform/gtk/fast/forms/minWidthPercent-expected.txt:
+        * platform/gtk/fast/forms/password-placeholder-expected.txt:
+        * platform/gtk/fast/forms/password-placeholder-text-security-expected.txt:
+        * platform/gtk/fast/forms/placeholder-pseudo-style-expected.txt:
+        * platform/gtk/fast/forms/placeholder-set-attribute-expected.txt:
+        * platform/gtk/fast/forms/placeholder-set-value-expected.txt:
+        * platform/gtk/fast/forms/placeholder-stripped-expected.txt:
+        * platform/gtk/fast/forms/plaintext-mode-2-expected.txt:
+        * platform/gtk/fast/forms/search-cancel-button-style-sharing-expected.txt:
+        * platform/gtk/fast/forms/search-display-none-cancel-button-expected.txt:
+        * platform/gtk/fast/forms/search-placeholder-value-changed-expected.txt:
+        * platform/gtk/fast/forms/search-rtl-expected.txt:
+        * platform/gtk/fast/forms/search-styled-expected.txt:
+        * platform/gtk/fast/forms/search-transformed-expected.txt:
+        * platform/gtk/fast/forms/search-zoomed-expected.txt:
+        * platform/gtk/fast/forms/searchfield-heights-expected.txt:
+        * platform/gtk/fast/forms/tabbing-input-iframe-expected.txt:
+        * platform/gtk/fast/forms/text-control-intrinsic-widths-expected.txt:
+        * platform/gtk/fast/forms/text-style-color-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:
+        * platform/gtk/fast/forms/textfield-focus-ring-expected.txt:
+        * platform/gtk/fast/forms/textfield-overflow-expected.txt:
+        * platform/gtk/fast/forms/visual-hebrew-text-field-expected.txt:
+        * platform/gtk/fast/frames/take-focus-from-iframe-expected.txt:
+
 2010-12-02  Vitaly Repeshko  <vitalyr@chromium.org>
 
         Unreviewed.
index b582bcc..a0bb6f6 100644 (file)
Binary files a/LayoutTests/platform/gtk/editing/pasteboard/drop-text-without-selection-expected.png and b/LayoutTests/platform/gtk/editing/pasteboard/drop-text-without-selection-expected.png differ
index b99110a..240d8c4 100644 (file)
@@ -27,7 +27,7 @@ layer at (0,0) size 800x600
           text run at (478,0) width 175: "no text is currently selected."
       RenderBlock {HR} at (0,89) size 784x2 [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,99) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,5) size 4x19
           text run at (198,5) width 4: " "
         RenderInline {A} at (0,0) size 162x19 [color=#0000EE]
index dfef36a..f5d9dfb 100644 (file)
Binary files a/LayoutTests/platform/gtk/editing/selection/drag-select-1-expected.png and b/LayoutTests/platform/gtk/editing/selection/drag-select-1-expected.png differ
index ecc2f7e..a0cbb39 100644 (file)
@@ -13,7 +13,7 @@ layer at (0,0) size 800x600
             text run at (0,5) width 64: "Start here."
         RenderText {#text} at (64,5) size 4x19
           text run at (64,5) width 4: " "
-        RenderTextControl {INPUT} at (70,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (70,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {UL} at (0,80) size 784x0
 layer at (81,48) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index 194bb71..753aae4 100644 (file)
Binary files a/LayoutTests/platform/gtk/editing/selection/drag-text-delay-expected.png and b/LayoutTests/platform/gtk/editing/selection/drag-text-delay-expected.png differ
index 25812b7..8cfa15b 100644 (file)
@@ -3,7 +3,7 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,13) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index 56851f7..91eeba0 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/css/input-search-padding-expected.png and b/LayoutTests/platform/gtk/fast/css/input-search-padding-expected.png differ
index e0090d0..53a882a 100644 (file)
@@ -8,21 +8,21 @@ layer at (0,0) size 800x600
           RenderBlock {DIV} at (0,37) size 0x0
           RenderBlock {DIV} at (443,23) size 14x14
       RenderBR {BR} at (467,85) size 0x0
-      RenderTextControl {INPUT} at (2,87) size 463x52 [bgcolor=#FFFFFF]
-      RenderBR {BR} at (467,127) size 0x0
-      RenderTextControl {INPUT} at (2,141) size 236x30 [bgcolor=#FFFFFF]
-        RenderBlock {DIV} at (3,3) size 230x24
+      RenderTextControl {INPUT} at (2,87) size 463x81 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+      RenderBR {BR} at (467,170) size 0x0
+      RenderTextControl {INPUT} at (2,170) size 242x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+        RenderBlock {DIV} at (6,0) size 230x24
           RenderBlock {DIV} at (0,19) size 0x0
           RenderBlock {DIV} at (216,5) size 14x14
 layer at (13,27) size 443x46
   RenderBlock {DIV} at (0,0) size 443x46
     RenderText {#text} at (1,0) size 362x46
       text run at (1,0) width 362: "value jgq not clipped"
-layer at (13,98) size 457x46
-  RenderBlock {DIV} at (3,3) size 457x46
+layer at (13,112) size 457x46
+  RenderBlock {DIV} at (3,17) size 457x46
     RenderText {#text} at (1,0) size 362x46
       text run at (1,0) width 362: "value jgq not clipped"
-layer at (13,152) size 216x24
+layer at (16,178) size 216x24
   RenderBlock {DIV} at (0,0) size 216x24
     RenderText {#text} at (1,0) size 118x24
       text run at (1,0) width 118: "Sample Input"
index 70438e9..45c9ce1 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.png and b/LayoutTests/platform/gtk/fast/css/text-input-with-webkit-border-radius-expected.png differ
index aec6f1a..10caadb 100644 (file)
@@ -15,7 +15,7 @@ layer at (0,0) size 800x139
         RenderText {#text} at (0,0) size 617x19
           text run at (0,0) width 617: "If the test passes, you will see a text entry field containing \"default text\" inside the grey div below."
       RenderBlock {DIV} at (0,70) size 163x45 [bgcolor=#888888]
-        RenderTextControl {INPUT} at (11,9) size 133x25 [bgcolor=#00FF00]
+        RenderTextControl {INPUT} at (11,9) size 133x25 [bgcolor=#00FF00] [border: (2px inset #000000)]
           RenderBlock {DIV} at (3,3) size 127x19
             RenderBlock {DIV} at (0,15) size 0x0
             RenderBlock {DIV} at (113,1) size 14x14
index 2de458e..835a8b7 100644 (file)
@@ -1 +1 @@
-2166444074211e6e567cf1d58b7e8264
\ No newline at end of file
+ccfb2933c0128b901f05bec5d0864866
\ No newline at end of file
index 06d0306..ab342ff 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/basic-inputs-expected.png and b/LayoutTests/platform/gtk/fast/forms/basic-inputs-expected.png differ
index 7bdcbea..bdef64c 100644 (file)
@@ -35,17 +35,17 @@ layer at (0,0) size 800x600
       RenderBlock {DIV} at (10,333) size 450x89 [border: (1px solid #FF0000)]
         RenderText {#text} at (1,6) size 7x19
           text run at (1,6) width 7: "a"
-        RenderTextControl {INPUT} at (10,3) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (10,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (206,6) size 27x19
           text run at (206,6) width 27: "text "
-        RenderTextControl {INPUT} at (235,3) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (235,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (431,6) size 438x48
           text run at (431,6) width 8: "b"
           text run at (1,35) width 7: "a"
-        RenderTextControl {INPUT} at (10,32) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (10,32) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (206,35) size 60x19
           text run at (206,35) width 60: "password"
-        RenderTextControl {INPUT} at (3,61) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (3,61) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (199,64) size 8x19
           text run at (199,64) width 8: "b"
       RenderBlock {DIV} at (10,432) size 450x23 [border: (1px solid #FF0000)]
index 1891bc1..a571c12 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.png and b/LayoutTests/platform/gtk/fast/forms/basic-textareas-expected.png differ
index 07b4c36..6188c0b 100644 (file)
@@ -1,96 +1,96 @@
-layer at (0,0) size 781x1997
+layer at (0,0) size 781x2031
   RenderView at (0,0) size 781x600
-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
+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
               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 781x986
-                RenderBlock {DIV} at (0,30) size 208x67 [border: (1px solid #0000FF)]
+              RenderBlock (anonymous) at (0,24) size 781x1004
+                RenderBlock {DIV} at (0,30) size 210x69 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,12) size 80x0
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (208,30) size 208x67 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,30) size 210x69 [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 (416,0) size 224x97 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,0) size 226x99 [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,117) size 204x77 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,119) size 206x79 [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 (204,97) size 224x97 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (206,99) size 226x99 [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 (428,117) size 204x77 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (432,119) size 206x79 [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 (632,113) size 82x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (638,115) size 82x83 [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,194) size 104x131 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,198) size 106x133 [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 (104,234) size 82x91 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (106,238) size 82x93 [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 (186,226) size 208x99 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (188,230) size 210x101 [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 (394,212) size 82x113 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (398,216) size 82x115 [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 (476,244) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (480,248) size 210x83 [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,355) size 208x97 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,361) size 210x99 [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 (208,325) size 82x127 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,331) size 82x129 [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 781x1997
                       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 (290,325) size 82x127 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (292,331) size 82x129 [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 781x1997
                       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 (372,339) size 82x113 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (374,345) size 82x115 [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 (454,339) size 82x113 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (456,345) size 82x115 [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 (536,325) size 82x127 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (538,331) size 82x129 [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 781x1997
                       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 (618,385) size 82x67 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (620,391) size 82x69 [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,528) size 208x86 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,536) size 210x88 [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 (208,547) size 91x67 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,555) size 93x69 [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 (299,452) size 208x162 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (303,460) size 210x164 [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 (507,495) size 82x119 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (513,503) size 82x121 [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,614) size 208x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,624) size 210x85 [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 (208,630) size 208x67 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,640) size 210x69 [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 (416,630) size 208x67 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,640) size 210x69 [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,697) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,709) size 210x83 [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 (208,697) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,709) size 210x83 [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 (416,697) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,709) size 210x83 [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,794) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,808) size 210x83 [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 (208,794) size 208x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,808) size 210x83 [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 (416,778) size 208x97 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,792) size 210x99 [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,875) size 208x111 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,891) size 210x113 [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 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
+        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
               RenderText {#text} at (0,0) size 132x19
                 text run at (0,0) width 132: "Lorem ipsum dolor"
-        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]
+        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]
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 599x19
                 text run at (0,0) width 599: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 (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
+        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
               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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 (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
+        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
               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 (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
+        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
               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,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
+        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
               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,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
+      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
               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 781x953
-                RenderBlock {DIV} at (0,44) size 208x50 [border: (1px solid #0000FF)]
+              RenderBlock (anonymous) at (0,24) size 781x969
+                RenderBlock {DIV} at (0,44) size 210x52 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x0
                   RenderBR {BR} at (81,1) size 0x0
-                RenderBlock {DIV} at (208,30) size 208x64 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,30) size 210x66 [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 (416,0) size 224x94 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,0) size 226x96 [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,114) size 204x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,116) size 206x76 [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 (204,94) size 224x94 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (206,96) size 226x96 [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 (428,114) size 204x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (432,116) size 206x76 [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 (632,110) size 82x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (638,112) size 82x80 [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,188) size 82x128 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,192) size 82x130 [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,228) size 82x88 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (82,232) size 82x90 [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,226) size 208x90 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (164,232) size 210x90 [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 (372,212) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (374,218) 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 (454,238) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (456,242) size 210x80 [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,340) size 208x94 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,344) size 210x96 [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 (208,316) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,322) 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 781x1997
                       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 (290,316) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (292,322) 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 781x1997
                       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 (372,330) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (374,336) 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 (454,330) size 82x104 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (456,336) 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 (536,316) size 82x118 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (538,322) 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 781x1997
                       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 (618,370) size 82x64 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (620,374) size 82x66 [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,510) size 208x83 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,516) size 210x85 [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 (208,529) size 91x64 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,535) size 93x66 [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 (299,434) size 208x159 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (303,440) size 210x161 [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 (507,477) size 82x116 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (513,483) size 82x118 [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,593) size 208x80 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,601) size 210x82 [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 (208,609) size 208x64 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,617) size 210x66 [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 (416,609) size 208x64 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,617) size 210x66 [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,673) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,683) size 210x80 [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 (208,673) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,683) size 210x80 [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 (416,673) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,683) size 210x80 [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,767) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,779) size 210x80 [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 (208,767) size 208x78 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (210,779) size 210x80 [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 (416,751) size 208x94 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (420,763) size 210x96 [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,845) size 208x108 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,859) size 210x110 [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 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
+        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
               RenderText {#text} at (0,0) size 132x19
                 text run at (0,0) width 132: "Lorem ipsum dolor"
-        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]
+        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]
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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,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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
               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 781x1997
                 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 (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
+        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
                 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 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 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,84 +969,76 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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,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 40x62 scrollWidth 56 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,0) width 9: "L"
-                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
+                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
               RenderText {#text} at (0,0) size 40x361
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
@@ -1071,9 +1063,9 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1081,10 +1073,10 @@ layer at (0,0) size 781x1997
                 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 (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
+        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
                 text run at (0,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1092,7 +1084,7 @@ layer at (0,0) size 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1100,17 +1092,17 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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
+                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
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1118,9 +1110,9 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1128,10 +1120,10 @@ layer at (0,0) size 781x1997
                 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 (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
+        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
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
                 text run at (0,19) width 43: "ipsum"
@@ -1140,19 +1132,20 @@ layer at (0,0) size 781x1997
                 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 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,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,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1160,7 +1153,7 @@ layer at (0,0) size 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1168,18 +1161,18 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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,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,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1187,7 +1180,7 @@ layer at (0,0) size 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1195,18 +1188,18 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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,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,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1214,7 +1207,7 @@ layer at (0,0) size 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1222,18 +1215,18 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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,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,0) width 32: "Lore"
                 text run at (0,19) width 13: "m"
                 text run at (13,19) width 4: " "
@@ -1241,7 +1234,7 @@ layer at (0,0) size 781x1997
                 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 2: " "
+                text run at (36,76) width 0: " "
                 text run at (0,95) width 34: "ABC"
                 text run at (0,114) width 33: "DEF"
                 text run at (0,133) width 36: "GHIJ"
@@ -1249,17 +1242,17 @@ layer at (0,0) size 781x1997
                 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 37: "WXY"
-                text run at (0,247) width 10: "Z"
-                text run at (10,247) width 4: " "
+                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,266) width 35: "abcd"
                 text run at (0,285) width 35: "efghi"
-                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
+                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
               RenderText {#text} at (0,0) size 27x494
                 text run at (0,0) width 23: "Lor"
                 text run at (0,19) width 22: "em"
@@ -1291,9 +1284,9 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1301,9 +1294,9 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 62x209
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 4: " "
@@ -1320,9 +1313,9 @@ layer at (0,0) size 781x1997
                 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 (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
+        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
               RenderText {#text} at (0,0) size 195x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1330,9 +1323,9 @@ layer at (0,0) size 781x1997
                 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 (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
+        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
               RenderText {#text} at (0,0) size 45x285
                 text run at (0,0) width 45: "Lorem"
                 text run at (45,0) width 0: " "
@@ -1352,14 +1345,14 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               RenderText {#text} at (0,0) size 599x19
                 text run at (0,0) width 599: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1367,9 +1360,9 @@ layer at (0,0) size 781x1997
                 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 (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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1377,26 +1370,26 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               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 (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
+        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
               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 (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
+        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
               RenderText {#text} at (0,0) size 171x76
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
@@ -1404,32 +1397,32 @@ layer at (0,0) size 781x1997
                 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,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
+        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
               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 (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
+        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
               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 (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
+        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
               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,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
+        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
               RenderText {#text} at (0,0) size 286x57
                 text run at (0,0) width 136: "Lorem ipsum  dolor"
                 text run at (136,0) width 4: " "
index da325a0..0030bbf 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/box-shadow-override-expected.png and b/LayoutTests/platform/gtk/fast/forms/box-shadow-override-expected.png differ
index 2dc7aa5..99080a4 100644 (file)
@@ -10,19 +10,19 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 257x19
           text run at (0,0) width 257: "You should not see any red on this page."
       RenderBlock {DIV} at (0,70) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderBlock {DIV} at (3,3) size 188x19
             RenderBlock {DIV} at (0,15) size 0x0
             RenderBlock {DIV} at (174,1) size 14x14
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,99) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderBlock {DIV} at (3,3) size 188x19
             RenderBlock {DIV} at (0,1) size 14x14
             RenderBlock {DIV} at (174,1) size 14x14
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,128) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderBlock {DIV} at (3,3) size 188x19
             RenderBlock {DIV} at (0,1) size 14x14
             RenderBlock {DIV} at (174,1) size 14x14
index b1532bd..a85c7be 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.png and b/LayoutTests/platform/gtk/fast/forms/control-restrict-line-height-expected.png differ
index e5f51cc..8c306b9 100644 (file)
@@ -20,12 +20,12 @@ layer at (0,0) size 800x600
       RenderText {#text} at (378,54) size 4x19
         text run at (378,54) width 4: " "
       RenderBR {BR} at (0,0) size 0x0
-      RenderTextControl {INPUT} at (2,82) size 194x32 [bgcolor=#FFFFFF]
-        RenderBlock {DIV} at (3,3) size 188x26
-          RenderBlock {DIV} at (0,18) size 0x0
-          RenderBlock {DIV} at (174,4) size 14x14
+      RenderTextControl {INPUT} at (2,82) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
+        RenderBlock {DIV} at (3,3) size 188x19
+          RenderBlock {DIV} at (0,15) size 0x0
+          RenderBlock {DIV} at (174,1) size 14x14
       RenderText {#text} at (0,0) size 0x0
-layer at (13,93) size 174x26 scrollWidth 360
-  RenderBlock {DIV} at (0,0) size 174x26
-    RenderText {#text} at (1,3) size 358x19
-      text run at (1,3) width 358: "This text should be centered vertically in the button"
+layer at (13,93) size 174x19 scrollWidth 360
+  RenderBlock {DIV} at (0,0) size 174x19
+    RenderText {#text} at (1,0) size 358x19
+      text run at (1,0) width 358: "This text should be centered vertically in the button"
index 0d10453..7a4c965 100644 (file)
@@ -1 +1 @@
-d31569218125b78493d67a3c578a3419
\ No newline at end of file
+e85aa25d255a507ff709fe4f3caa5bd7
\ No newline at end of file
index c075006..1dadc42 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/encoding-test-expected.png and b/LayoutTests/platform/gtk/fast/forms/encoding-test-expected.png differ
index 1a64246..d96bf8e 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {FORM} at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock (anonymous) at (0,45) size 784x19
         RenderText {#text} at (0,0) size 121x19
index c1ed137..90076d4 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/fieldset-align-expected.png and b/LayoutTests/platform/gtk/fast/forms/fieldset-align-expected.png differ
index 8822e7f..f4c07f8 100644 (file)
@@ -11,28 +11,28 @@ layer at (0,0) size 781x1498
           RenderText {#text} at (2,0) size 98x19
             text run at (2,0) width 98: "My Legend left"
         RenderBlock (anonymous) at (14,24) size 733x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (2,100) size 761x65 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (320,0) size 120x19
           RenderText {#text} at (2,0) size 116x19
             text run at (2,0) width 116: "My Legend center"
         RenderBlock (anonymous) at (14,24) size 733x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (2,165) size 761x65 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (636,0) size 111x19
           RenderText {#text} at (2,0) size 107x19
             text run at (2,0) width 107: "My Legend right"
         RenderBlock (anonymous) at (14,24) size 733x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (2,230) size 761x65 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (14,0) size 125x19
           RenderText {#text} at (2,0) size 121x19
             text run at (2,0) width 121: "My Legend default"
         RenderBlock (anonymous) at (14,24) size 733x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {HR} at (0,303) size 765x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,321) size 765x19
@@ -47,28 +47,28 @@ layer at (0,0) size 781x1498
             RenderText {#text} at (2,0) size 98x19
               text run at (2,0) width 98: "My Legend left"
           RenderBlock (anonymous) at (14,24) size 733x29
-            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (2,65) size 761x65 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (321,0) size 120x19
             RenderText {#text} at (2,0) size 116x19
               text run at (2,0) width 116: "My Legend center"
           RenderBlock (anonymous) at (14,24) size 733x29
-            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (2,130) size 761x65 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (636,0) size 111x19
             RenderText {#text} at (2,0) size 107x19
               text run at (2,0) width 107: "My Legend right"
           RenderBlock (anonymous) at (14,24) size 733x29
-            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (2,195) size 761x65 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (622,0) size 125x19
             RenderText {#text} at (2,0) size 121x19
               text run at (2,0) width 121: "My Legend default"
           RenderBlock (anonymous) at (14,24) size 733x29
-            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (537,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
       RenderBlock (anonymous) at (0,616) size 765x0
         RenderInline {SPAN} at (0,0) size 0x0
@@ -82,28 +82,28 @@ layer at (0,0) size 781x1498
           RenderText {#text} at (2,0) size 98x19
             text run at (2,0) width 98: "My Legend left"
         RenderBlock (anonymous) at (17,34) size 701x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (15,772) size 735x80 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (307,0) size 120x19
           RenderText {#text} at (2,0) size 116x19
             text run at (2,0) width 116: "My Legend center"
         RenderBlock (anonymous) at (17,34) size 701x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (15,867) size 735x80 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (607,0) size 111x19
           RenderText {#text} at (2,0) size 107x19
             text run at (2,0) width 107: "My Legend right"
         RenderBlock (anonymous) at (17,34) size 701x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderFieldSet {FIELDSET} at (15,962) size 735x80 [border: (2px groove #C0C0C0)]
         RenderBlock {LEGEND} at (17,0) size 125x19
           RenderText {#text} at (2,0) size 121x19
             text run at (2,0) width 121: "My Legend default"
         RenderBlock (anonymous) at (17,34) size 701x29
-          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+          RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderText {#text} at (0,0) size 0x0
       RenderBlock {HR} at (0,1057) size 765x2 [border: (1px inset #000000)]
       RenderBlock {P} at (0,1075) size 765x19
@@ -118,28 +118,28 @@ layer at (0,0) size 781x1498
             RenderText {#text} at (2,0) size 98x19
               text run at (2,0) width 98: "My Legend left"
           RenderBlock (anonymous) at (17,34) size 701x29
-            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (15,95) size 735x80 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (308,0) size 120x19
             RenderText {#text} at (2,0) size 116x19
               text run at (2,0) width 116: "My Legend center"
           RenderBlock (anonymous) at (17,34) size 701x29
-            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (15,190) size 735x80 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (607,0) size 111x19
             RenderText {#text} at (2,0) size 107x19
               text run at (2,0) width 107: "My Legend right"
           RenderBlock (anonymous) at (17,34) size 701x29
-            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
         RenderFieldSet {FIELDSET} at (15,285) size 735x80 [border: (2px groove #C0C0C0)]
           RenderBlock {LEGEND} at (593,0) size 125x19
             RenderText {#text} at (2,0) size 121x19
               text run at (2,0) width 121: "My Legend default"
           RenderBlock (anonymous) at (17,34) size 701x29
-            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (505,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderText {#text} at (0,0) size 0x0
       RenderBlock (anonymous) at (0,1490) size 765x0
         RenderInline {SPAN} at (0,0) size 0x0
index 00322de..a04226f 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/floating-textfield-relayout-expected.png and b/LayoutTests/platform/gtk/fast/forms/floating-textfield-relayout-expected.png differ
index 4f08cd5..e415202 100644 (file)
@@ -19,7 +19,7 @@ layer at (0,0) size 800x600
       RenderBlock {HR} at (0,54) size 784x2 [border: (1px inset #000000)]
 layer at (8,72) size 784x27
   RenderBlock (relative positioned) {DIV} at (0,64) size 784x0
-    RenderTextControl {INPUT} at (0,2) size 392x25 [bgcolor=#FFFFFF]
+    RenderTextControl {INPUT} at (0,2) size 392x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
 layer at (11,77) size 386x19
   RenderBlock {DIV} at (3,3) size 386x19
     RenderText {#text} at (1,0) size 22x19
index 43b7320..56d0e13 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.png and b/LayoutTests/platform/gtk/fast/forms/form-element-geometry-expected.png differ
index 9216404..859838d 100644 (file)
@@ -1,8 +1,8 @@
-layer at (0,0) size 781x741
+layer at (0,0) size 781x743
   RenderView at (0,0) size 781x600
-layer at (0,0) size 781x741
-  RenderBlock {HTML} at (0,0) size 781x741
-    RenderBody {BODY} at (8,8) size 765x725
+layer at (0,0) size 781x743
+  RenderBlock {HTML} at (0,0) size 781x743
+    RenderBody {BODY} at (8,8) size 765x727
       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,12 +83,12 @@ layer at (0,0) size 781x741
               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 692x91
-        RenderTableSection {TBODY} at (0,0) size 692x91
-          RenderTableRow {TR} at (0,2) size 692x87
+      RenderTable {TABLE} at (0,257) size 694x91
+        RenderTableSection {TBODY} at (0,0) size 694x91
+          RenderTableRow {TR} at (0,2) size 694x87
             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]
+                RenderTextControl {INPUT} at (2,2) size 104x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
             RenderTableCell {TD} at (114,2) size 48x87 [r=0 c=1 rs=1 cs=1]
               RenderBlock {DIV} at (1,1) size 46x85 [border: (2px solid #0000FF)]
                 RenderListBox {SELECT} at (2,2) size 42x81 [bgcolor=#FFFFFF] [border: (1px inset #808080)]
@@ -99,8 +99,8 @@ layer at (0,0) size 781x741
                     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 212x54 [r=0 c=3 rs=1 cs=1]
-              RenderBlock {DIV} at (1,1) size 210x52 [border: (2px solid #0000FF)]
+            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)]
       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 781x741
             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 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]
-        RenderText {#text} at (135,33) size 4x19
-          text run at (135,33) width 4: " "
-        RenderFileUploadControl {INPUT} at (141,29) size 306x28 "(None)"
+      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)"
           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,33) size 4x19
-          text run at (449,33) width 4: " "
+        RenderText {#text} at (449,35) size 4x19
+          text run at (449,35) width 4: " "
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {H2} at (0,589) size 765x28
+      RenderBlock {H2} at (0,591) size 765x28
         RenderText {#text} at (0,0) size 197x28
           text run at (0,0) width 197: "Pop-up Menu Sizes"
-      RenderBlock {DIV} at (0,636) size 765x31
+      RenderBlock {DIV} at (0,638) 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 781x741
               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,667) size 765x29
+      RenderBlock {DIV} at (0,669) 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 781x741
             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,696) size 765x29
+      RenderBlock {DIV} at (0,698) 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 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
+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
       RenderText {#text} at (0,0) size 57x19
         text run at (0,0) width 57: "textarea"
-layer at (40,552) size 98x19
+layer at (40,554) 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 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
+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
       RenderText {#text} at (0,0) size 57x19
         text run at (0,0) width 57: "textarea"
index af66b5b..c1e1dc8 100644 (file)
@@ -1 +1 @@
-bac88bf5685824ee3035878169d498a4
\ No newline at end of file
+d34fb471ffb23d6bb7ad1e38e7514864
\ No newline at end of file
index 63ee4cf..de2e97b 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-align-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-align-expected.png differ
index d8a2006..2bc4cc9 100644 (file)
@@ -7,24 +7,24 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 564x19
           text run at (0,0) width 564: "The following 5 inputs should be all be rendered exactly the same, aligned to the left side."
       RenderBlock (anonymous) at (0,35) size 784x116
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,5) size 4x19
           text run at (198,5) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderTextControl {INPUT} at (2,31) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,31) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,34) size 4x19
           text run at (198,34) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderTextControl {INPUT} at (2,60) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,60) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,63) size 4x19
           text run at (198,63) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderTextControl {INPUT} at (2,89) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,89) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,92) size 4x19
           text run at (198,92) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
       RenderBlock {DIV} at (0,151) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
 layer at (13,48) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
     RenderText {#text} at (1,0) size 130x19
index 08cd13c..ef5eacb 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-default-bkcolor-expected.png differ
index 7b9f0b2..7cc4594 100644 (file)
@@ -6,7 +6,7 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 473x19
         text run at (0,0) width 473: "This tests that the default background color for the new text fields is white. "
       RenderBR {BR} at (473,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,32) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index 4f782aa..c8bdcbd 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-disabled-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-disabled-expected.png differ
index 1d88fee..a41f218 100644 (file)
@@ -6,7 +6,7 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 397x19
         text run at (0,0) width 397: "This tests that text can not be inserted into a disabled text field. "
       RenderBR {BR} at (397,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,32) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19 [color=#545454]
index d7794f4..73a0df0 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-focus-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-focus-expected.png differ
index 104985f..72eb0f1 100644 (file)
@@ -7,10 +7,10 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 755x19
           text run at (0,0) width 755: "This test uses the new text field to test focus() and blur() and to make sure that onFocus and onBlur events fire correctly."
       RenderBlock {P} at (0,35) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,5) size 4x19
           text run at (198,5) width 4: " "
-        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,80) size 784x76
         RenderBR {BR} at (0,0) size 0x19
index f1e3360..c6a6ee6 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-height-expected.png differ
index 8737c76..d49e54a 100644 (file)
@@ -9,13 +9,13 @@ layer at (0,0) size 800x600
       RenderBlock {FORM} at (0,19) size 784x322
         RenderText {#text} at (0,5) size 36x19
           text run at (0,5) width 36: "input "
-        RenderTextControl {INPUT} at (38,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (38,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (234,5) size 4x19
           text run at (234,5) width 4: " "
         RenderBR {BR} at (238,20) size 0x0
         RenderText {#text} at (0,34) size 27x19
           text run at (0,34) width 27: "text "
-        RenderTextControl {INPUT} at (29,31) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (29,31) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (225,34) size 4x19
           text run at (225,34) width 4: " "
         RenderBR {BR} at (229,49) size 0x0
@@ -74,19 +74,19 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (120,224) size 0x0
         RenderText {#text} at (0,240) size 49x19
           text run at (0,240) width 49: "isindex "
-        RenderTextControl {INPUT} at (51,237) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (51,237) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (247,240) size 4x19
           text run at (247,240) width 4: " "
         RenderBR {BR} at (251,255) size 0x0
         RenderText {#text} at (0,269) size 64x19
           text run at (0,269) width 64: "password "
-        RenderTextControl {INPUT} at (66,266) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (66,266) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (262,269) size 4x19
           text run at (262,269) width 4: " "
         RenderBR {BR} at (266,284) size 0x0
         RenderText {#text} at (0,298) size 44x19
           text run at (0,298) width 44: "search "
-        RenderTextControl {INPUT} at (46,295) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (46,295) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderBlock {DIV} at (3,3) size 188x19
             RenderBlock {DIV} at (0,15) size 0x0
             RenderBlock {DIV} at (174,1) size 14x14
index 317a9ba..bfcc3d9 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-preventDefault-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-preventDefault-expected.png differ
index 0f1715b..9ef78b1 100644 (file)
@@ -4,12 +4,12 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBR {BR} at (0,0) size 0x19
-      RenderText {#text} at (0,19) size 670x19
-        text run at (0,19) width 670: "This tests that preventDefault called onmousedown will prevent a caret from being placed in the text field. "
+      RenderText {#text} at (0,19) size 666x19
+        text run at (0,19) width 666: "This tests that preventDefault called onmousedown will prevent a caret from being placed in the text field."
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0
 layer at (12,52) size 194x25
-  RenderTextControl {INPUT} at (12,52) size 194x25 [bgcolor=#FFFFFF]
+  RenderTextControl {INPUT} at (12,52) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
 layer at (15,55) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
     RenderText {#text} at (1,0) size 170x19
index 8167a24..ab7ba2d 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-readonly-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-readonly-expected.png differ
index ae01e3a..e7472b4 100644 (file)
@@ -6,7 +6,7 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 400x19
         text run at (0,0) width 400: "This tests that text can not be inserted into a readonly text field. "
       RenderBR {BR} at (400,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,32) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index b3d2da0..f1de190 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-selection-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-selection-expected.png differ
index f2b0eb8..73e9ffa 100644 (file)
@@ -7,7 +7,7 @@ layer at (0,0) size 781x617
         RenderText {#text} at (0,0) size 335x19
           text run at (0,0) width 335: "This tests the selection methods on the new text field."
       RenderBlock {P} at (0,35) size 765x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,80) size 765x513
         RenderBR {BR} at (0,0) size 0x19
index 0e42649..e49ca37 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-visibility-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-visibility-expected.png differ
index bdb8a4f..b456c70 100644 (file)
@@ -7,7 +7,7 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 480x19
           text run at (0,0) width 480: "This tests that the value becomes visible when the text field becomes visible."
       RenderBlock {P} at (0,35) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,80) size 784x0
       RenderBlock {P} at (0,80) size 784x0
index c2bd00c..e75e1a8 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-appearance-width-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-appearance-width-expected.png differ
index c04bed9..84d075b 100644 (file)
@@ -6,15 +6,15 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 344x19
         text run at (0,0) width 344: "This tests that the new text fields use the correct width."
       RenderBR {BR} at (344,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (198,39) size 0x0
-      RenderTextControl {INPUT} at (0,50) size 200x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (0,50) size 200x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (200,68) size 0x0
-      RenderTextControl {INPUT} at (2,79) size 464x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,79) size 464x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (468,97) size 0x0
-      RenderTextControl {INPUT} at (0,108) size 200x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (0,108) size 200x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (200,126) size 0x0
-      RenderTextControl {INPUT} at (2,137) size 104x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,137) size 104x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (108,155) size 0x0
 layer at (13,32) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index 397c81c..e27dded 100644 (file)
@@ -7,12 +7,12 @@ layer at (0,0) size 800x600
         text run at (0,0) width 293: "This tests that text fields get the right baseline. "
       RenderBR {BR} at (293,15) size 0x0
       RenderBR {BR} at (0,19) size 0x19
-      RenderTextControl {INPUT} at (2,40) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,40) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (198,43) size 424x19
         text run at (198,43) width 424: "This text should line up with the bottom of the text in the text field. "
       RenderBR {BR} at (622,58) size 0x0
       RenderBR {BR} at (0,67) size 0x19
-      RenderTextControl {INPUT} at (2,88) size 194x129 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,88) size 194x129 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (198,174) size 420x19
         text run at (198,174) width 420: "This text should line up with the bottom of the text in the text field."
 layer at (13,51) size 188x19
index 5bdd425..73e1153 100644 (file)
@@ -6,15 +6,15 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 509x19
         text run at (0,0) width 509: "This tests that the text color changes appropriately when the text field is disabled."
       RenderBR {BR} at (509,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (198,24) size 4x19
         text run at (198,24) width 4: " "
-      RenderTextControl {INPUT} at (204,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (204,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBR {BR} at (400,39) size 0x0
-      RenderTextControl {INPUT} at (2,50) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,50) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF] [border: (2px inset #FF0000)]
       RenderText {#text} at (198,53) size 4x19
         text run at (198,53) width 4: " "
-      RenderTextControl {INPUT} at (204,50) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (204,50) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF] [border: (2px inset #FF0000)]
       RenderBR {BR} at (400,68) size 0x0
       RenderTextControl {INPUT} at (2,79) size 194x25 [bgcolor=#0000FF] [border: (2px inset #000000)]
       RenderText {#text} at (198,82) size 4x19
index 13cc94b..804041a 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x547
         RenderTableSection {TBODY} at (0,0) size 242x244
           RenderTableRow {TR} at (0,2) size 242x240
             RenderTableCell {TD} at (2,87) size 238x69 [bgcolor=#90EE90] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (22,22) size 194x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (22,22) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderText {#text} at (0,0) size 0x0
       RenderTable {TABLE} at (0,279) size 242x244
         RenderTableSection {TBODY} at (0,0) size 242x244
           RenderTableRow {TR} at (0,2) size 242x240
             RenderTableCell {TD} at (2,87) size 238x69 [bgcolor=#90EE90] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (22,22) size 194x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (22,22) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderText {#text} at (0,0) size 0x0
 layer at (35,163) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index c1158b4..53a437c 100644 (file)
@@ -8,7 +8,7 @@ layer at (0,0) size 800x600
           text run at (0,0) width 778: "Text inside input field should not be cut off at the bottom when its font is larger than the body font size. If the descenders in \"something gjpqy\" below are all visible, the"
           text run at (0,13) width 343: "test passes. If they are cut off by the bottom of the input box, the test fails."
       RenderBlock (anonymous) at (0,37) size 784x24
-        RenderTextControl {INPUT} at (0,2) size 300x20 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (0,2) size 300x20 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
 layer at (11,50) size 294x14
   RenderBlock {DIV} at (3,3) size 294x14
index 6026c97..36811af 100644 (file)
@@ -9,7 +9,7 @@ layer at (0,0) size 800x600
           text run at (0,19) width 236: "you have to paste and undo by hand. "
         RenderBR {BR} at (236,34) size 0x0
         RenderBR {BR} at (0,38) size 0x19
-        RenderTextControl {INPUT} at (2,59) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,59) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,86) size 784x19
         RenderText {#text} at (0,0) size 81x19
index fadd69d..66eb983 100644 (file)
@@ -7,10 +7,10 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 768x19
           text run at (0,0) width 768: "Bug 45940: A bug that a placeholder text is not cleared by the second focus. The first input field should not have any text."
       RenderBlock {DIV} at (0,35) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [color=#FF0000] [bgcolor=#FFFFFF] [border: (2px inset #FF0000)]
         RenderText {#text} at (198,5) size 4x19
           text run at (198,5) width 4: " "
-        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
 layer at (13,48) size 188x19
index 00bd56d..7d5bd95 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-readonly-autoscroll-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-readonly-autoscroll-expected.png differ
index 9924bcf..4789d95 100644 (file)
@@ -15,7 +15,7 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 351x19
           text run at (0,0) width 351: "Readonly text fields don't scroll when selecting content."
       RenderBlock (anonymous) at (0,70) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,99) size 784x19
         RenderText {#text} at (0,0) size 87x19
index c93d0e4..885344b 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-readonly-dimmed-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-readonly-dimmed-expected.png differ
index 363ebcb..0b810b8 100644 (file)
@@ -6,7 +6,7 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 455x19
         text run at (0,0) width 455: "This tests that the border of a readonly text field should appear dimmed. "
       RenderBR {BR} at (455,15) size 0x0
-      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,32) size 188x19 scrollWidth 218
   RenderBlock {DIV} at (3,3) size 188x19
index b07ee54..86f4753 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-readonly-empty-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-readonly-empty-expected.png differ
index 9695eb8..c589603 100644 (file)
@@ -5,7 +5,7 @@ layer at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {#text} at (0,5) size 476x19
         text run at (0,5) width 476: "This tests that empty readonly text fields have the right height and baseline. "
-      RenderTextControl {INPUT} at (478,2) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (478,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (489,13) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index 91e8e39..4d34bc2 100644 (file)
@@ -1 +1 @@
-f14b2142c2d867f3ba5240dd7b033044
\ No newline at end of file
+d15dd584d08c3a0f114339261af69425
\ No newline at end of file
index 15df661..c9a5644 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-spaces-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-spaces-expected.png differ
index 5f3bf08..6df9f99 100644 (file)
@@ -7,7 +7,7 @@ layer at (0,0) size 800x600
         text run at (0,0) width 776: "This tests that leading and trailing spaces in a text field don't get lost. There should be 3 spaces before and 3 spaces after the"
         text run at (0,19) width 102: "text in the field. "
       RenderBR {BR} at (102,34) size 0x0
-      RenderTextControl {INPUT} at (2,40) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,40) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,51) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index f7aafa0..c944077 100644 (file)
@@ -1 +1 @@
-1e39deff24cc5c9bab48596606e2e0b7
\ No newline at end of file
+4523a953ebefa18ee886ce6a801f919c
\ No newline at end of file
index 34436c1..5350c9e 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-table-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-table-expected.png differ
index af7a444..0a552a2 100644 (file)
@@ -13,7 +13,7 @@ layer at (0,0) size 781x758
         RenderTableSection {TBODY} at (3,3) size 112x41
           RenderTableRow {TR} at (0,2) size 112x37
             RenderTableCell {TD} at (2,2) size 108x37 [border: (3px solid #FF0000)] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,133) size 765x19
         RenderText {#text} at (0,0) size 70x19
           text run at (0,0) width 70: "Test case 2"
@@ -24,13 +24,13 @@ layer at (0,0) size 781x758
               RenderText {#text} at (1,1) size 24x19
                 text run at (1,1) width 24: "first"
             RenderTableCell {TD} at (50,2) size 108x37 [border: (3px solid #FF0000)] [r=0 c=1 rs=1 cs=1]
-              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderTableRow {TR} at (0,41) size 160x37
             RenderTableCell {TD} at (2,49) size 46x21 [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 44x19
                 text run at (1,1) width 44: "second"
             RenderTableCell {TD} at (50,41) size 108x37 [border: (3px solid #FF0000)] [r=1 c=1 rs=1 cs=1]
-              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (4,6) size 100x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,270) size 765x19
         RenderText {#text} at (0,0) size 70x19
           text run at (0,0) width 70: "Test case 3"
@@ -41,7 +41,7 @@ layer at (0,0) size 781x758
               RenderText {#text} at (4,4) size 36x38
                 text run at (4,4) width 36: "width"
                 text run at (4,23) width 32: "30px"
-              RenderTextControl {INPUT} at (4,44) size 30x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (4,44) size 30x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,406) size 765x19
         RenderText {#text} at (0,0) size 70x19
           text run at (0,0) width 70: "Test case 4"
@@ -49,7 +49,7 @@ layer at (0,0) size 781x758
         RenderTableSection {TBODY} at (3,3) size 212x70
           RenderTableRow {TR} at (0,2) size 212x37
             RenderTableCell {TD} at (2,2) size 208x37 [border: (3px solid #FF0000)] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (4,6) size 200x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (4,6) size 200x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderTableRow {TR} at (0,41) size 212x27
             RenderTableCell {TD} at (2,41) size 208x27 [border: (3px solid #FF0000)] [r=1 c=0 rs=1 cs=1]
               RenderBlock {DIV} at (4,4) size 200x19
@@ -62,7 +62,7 @@ layer at (0,0) size 781x758
         RenderTableSection {TBODY} at (3,3) size 86x41
           RenderTableRow {TR} at (0,2) size 86x37
             RenderTableCell {TD} at (2,2) size 82x37 [border: (3px solid #FF0000)] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (6,6) size 70x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (6,6) size 70x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,631) size 765x19
         RenderText {#text} at (0,0) size 70x19
           text run at (0,0) width 70: "Test case 6"
@@ -70,7 +70,7 @@ layer at (0,0) size 781x758
         RenderTableSection {TBODY} at (3,3) size 210x70
           RenderTableRow {TR} at (0,2) size 210x37
             RenderTableCell {TD} at (2,2) size 206x37 [border: (3px solid #FF0000)] [r=0 c=0 rs=1 cs=1]
-              RenderTextControl {INPUT} at (6,6) size 194x25 [bgcolor=#FFFFFF]
+              RenderTextControl {INPUT} at (6,6) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
           RenderTableRow {TR} at (0,41) size 210x27
             RenderTableCell {TD} at (2,41) size 206x27 [border: (3px solid #FF0000)] [r=1 c=0 rs=1 cs=1]
               RenderBlock {DIV} at (4,4) size 70x19
index 89ecb1a..faeb585 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-click-inside-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-click-inside-expected.png differ
index c0e9893..ddb694a 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {DIV} at (0,0) size 425x75 [bgcolor=#FFFF00]
-        RenderTextControl {INPUT} at (27,27) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (27,27) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,91) size 784x38
         RenderText {#text} at (0,0) size 739x38
           text run at (0,0) width 739: "This test clicks inside an input element, and must result in the element receiving focus. If the test succeeds the element"
index 8d393cb..47b1b86 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-click-outside-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-click-outside-expected.png differ
index 07f9eb2..377d163 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {DIV} at (0,0) size 425x75 [bgcolor=#FFFF00]
-        RenderTextControl {INPUT} at (27,27) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (27,27) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderBlock {P} at (0,91) size 784x38
         RenderText {#text} at (0,0) size 771x38
           text run at (0,0) width 771: "This test clicks outside an input element, and must not result in the element receiving focus. If the test succeeds the element"
index 207e10c..27bc7b1 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-double-click-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-double-click-expected.png differ
index 31f862a..571a8f7 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,45) size 784x19
         RenderText {#text} at (0,0) size 567x19
index b666338..7b1c9e6 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-drag-down-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-drag-down-expected.png differ
index 3e7a869..898128a 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,45) size 784x19
         RenderText {#text} at (0,0) size 732x19
index 2e8b7a5..96e5cbf 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-option-delete-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-option-delete-expected.png differ
index 8b7bfbb..fb17837 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,45) size 784x19
         RenderText {#text} at (0,0) size 644x19
index f5e9604..9ccb741 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-scroll-left-on-blur-expected.png differ
index ee6ff7f..5066adf 100644 (file)
@@ -4,13 +4,13 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (198,5) size 4x19
           text run at (198,5) width 4: " "
-        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (204,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (400,5) size 4x19
           text run at (400,5) width 4: " "
-        RenderTextControl {INPUT} at (406,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (406,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,45) size 784x38
         RenderText {#text} at (0,0) size 784x38
index e6d4026..b945692 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-self-emptying-click-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-self-emptying-click-expected.png differ
index df8dc7a..690e635 100644 (file)
@@ -4,7 +4,7 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x29
-        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,45) size 784x38
         RenderText {#text} at (0,0) size 776x38
index 30eeed6..b063e5a 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-text-word-wrap-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-text-word-wrap-expected.png differ
index da01b70..458ea97 100644 (file)
@@ -11,10 +11,10 @@ layer at (0,0) size 800x600
             text run at (113,4) width 72: "word-wrap"
         RenderText {#text} at (185,0) size 299x19
           text run at (185,0) width 299: " property is ignored for single-line text controls."
-      RenderBlock (anonymous) at (0,35) size 784x25
-        RenderTextControl {INPUT} at (2,0) size 194x25 [bgcolor=#FFFFFF]
+      RenderBlock (anonymous) at (0,35) size 784x48
+        RenderTextControl {INPUT} at (2,0) size 194x48 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
-layer at (13,46) size 188x19 scrollWidth 343
-  RenderBlock {DIV} at (3,3) size 188x19
+layer at (13,57) size 188x19 scrollWidth 343
+  RenderBlock {DIV} at (3,14) size 188x19
     RenderText {#text} at (1,0) size 341x19
       text run at (1,0) width 341: "This sentence should not wrap into the next line."
index 88bdb60..57fbf56 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-type-change2-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-type-change2-expected.png differ
index 29235f4..643c705 100644 (file)
@@ -11,7 +11,7 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,0) size 0x19
         RenderText {#text} at (0,24) size 89x19
           text run at (0,24) width 89: "input element "
-        RenderTextControl {INPUT} at (91,21) size 194x25 [bgcolor=#FFFFFF]
+        RenderTextControl {INPUT} at (91,21) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderText {#text} at (0,0) size 0x0
 layer at (102,70) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index d33843d..9cebcbe 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-type-text-min-width-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-type-text-min-width-expected.png differ
index cdc408e..0c2237b 100644 (file)
@@ -7,7 +7,7 @@ layer at (0,0) size 800x600
         text run at (0,0) width 769: "This test checks if correct min width is applied to \"input type=text\". To match IE and Firefox, the input field below should"
         text run at (0,19) width 615: "show \"1987\", with the 7 slightly truncated. See https://bugs.webkit.org/show_bug.cgi?id=15312 ."
       RenderBR {BR} at (615,34) size 0x0
-      RenderTextControl {INPUT} at (2,40) size 23x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,40) size 23x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,51) size 17x19 scrollWidth 56
   RenderBlock {DIV} at (3,3) size 17x19
index a96ea7b..ef46ca1 100644 (file)
@@ -1 +1 @@
-1093d34da0760a5851e5e0e0c05ec4f2
\ No newline at end of file
+4c446a3effdfe58fed237dbccb6b8215
\ No newline at end of file
index 026f8fa..19bb572 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-value-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-value-expected.png differ
index 2f3249e..1384b7b 100644 (file)
@@ -33,7 +33,7 @@ layer at (0,0) size 781x610
                 RenderText {#text} at (1,1) size 207x19
                   text run at (1,1) width 207: "text with value property changed"
               RenderTableCell {TD} at (324,2) size 312x31 [r=0 c=1 rs=1 cs=1]
-                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderTableCell {TD} at (638,7) size 62x21 [r=0 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x19
                   text run at (1,1) width 28: "after"
@@ -45,7 +45,7 @@ layer at (0,0) size 781x610
                 RenderText {#text} at (1,1) size 244x19
                   text run at (1,1) width 244: "password with value property changed"
               RenderTableCell {TD} at (324,35) size 312x31 [r=1 c=1 rs=1 cs=1]
-                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderTableCell {TD} at (638,40) size 62x21 [r=1 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x19
                   text run at (1,1) width 28: "after"
@@ -119,7 +119,7 @@ layer at (0,0) size 781x610
                 RenderText {#text} at (1,1) size 205x19
                   text run at (1,1) width 205: "text with value attribute changed"
               RenderTableCell {TD} at (324,200) size 312x31 [r=7 c=1 rs=1 cs=1]
-                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderTableCell {TD} at (638,205) size 62x21 [r=7 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x19
                   text run at (1,1) width 28: "after"
@@ -157,7 +157,7 @@ layer at (0,0) size 781x610
                   text run at (1,1) width 284: "check box with value property changed, then"
                   text run at (1,20) width 95: "turned into text"
               RenderTableCell {TD} at (324,304) size 312x31 [r=10 c=1 rs=1 cs=1]
-                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderTableCell {TD} at (638,309) size 62x21 [r=10 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x19
                   text run at (1,1) width 28: "after"
@@ -183,7 +183,7 @@ layer at (0,0) size 781x610
                   text run at (1,1) width 282: "check box with value attribute changed, then"
                   text run at (1,20) width 95: "turned into text"
               RenderTableCell {TD} at (324,388) size 312x31 [r=12 c=1 rs=1 cs=1]
-                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (3,3) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
               RenderTableCell {TD} at (638,393) size 62x21 [r=12 c=2 rs=1 cs=1]
                 RenderText {#text} at (1,1) size 28x19
                   text run at (1,1) width 28: "after"
index 26e92be..deace04 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/input-width-expected.png and b/LayoutTests/platform/gtk/fast/forms/input-width-expected.png differ
index e445d0b..dc2963f 100644 (file)
@@ -3,7 +3,7 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderTextControl {INPUT} at (2,2) size 68x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,2) size 68x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,13) size 62x19
   RenderBlock {DIV} at (3,3) size 62x19
index 4a61a22..cf9c712 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/isindex-placeholder-expected.png and b/LayoutTests/platform/gtk/fast/forms/isindex-placeholder-expected.png differ
index 304288e..cfd24e5 100644 (file)
@@ -20,7 +20,7 @@ layer at (0,0) size 800x600
           RenderInline {LABEL} at (0,0) size 520x19
             RenderText {#text} at (0,5) size 322x19
               text run at (0,5) width 322: "This is a searchable index. Enter search keywords: "
-            RenderTextControl {INPUT} at (324,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (324,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderBlock {HR} at (0,47) size 784x2 [border: (1px inset #000000)]
       RenderBlock (anonymous) at (0,127) size 784x19
         RenderText {#text} at (0,0) size 237x19
@@ -31,7 +31,7 @@ layer at (0,0) size 800x600
           RenderInline {LABEL} at (0,0) size 520x19
             RenderText {#text} at (0,5) size 322x19
               text run at (0,5) width 322: "This is a searchable index. Enter search keywords: "
-            RenderTextControl {INPUT} at (324,2) size 194x25 [bgcolor=#FFFFFF]
+            RenderTextControl {INPUT} at (324,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
         RenderBlock {HR} at (0,47) size 784x2 [border: (1px inset #000000)]
 layer at (335,85) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19
index f618cf4..98632bd 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/minWidthPercent-expected.png and b/LayoutTests/platform/gtk/fast/forms/minWidthPercent-expected.png differ
index 0daed11..c8e731e 100644 (file)
@@ -8,7 +8,7 @@ layer at (0,0) size 800x600
           RenderTableSection {TBODY} at (0,0) size 132x35
             RenderTableRow {TR} at (0,2) size 132x31
               RenderTableCell {TD} at (2,2) size 128x31 [r=0 c=0 rs=1 cs=1]
-                RenderTextControl {INPUT} at (1,3) size 126x25 [bgcolor=#FFFFFF]
+                RenderTextControl {INPUT} at (1,3) size 126x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
                 RenderText {#text} at (0,0) size 0x0
 layer at (14,16) size 120x19 scrollWidth 151
   RenderBlock {DIV} at (3,3) size 120x19
index 4ce24f5..59cebff 100644 (file)
Binary files a/LayoutTests/platform/gtk/fast/forms/password-placeholder-expected.png and b/LayoutTests/platform/gtk/fast/forms/password-placeholder-expected.png differ
index ea897d0..13cff2f 100644 (file)
@@ -3,7 +3,7 @@ layer at (0,0) size 800x600
 layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
-      RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF]
+      RenderTextControl {INPUT} at (2,2) size 194x25 [bgcolor=#FFFFFF] [border: (2px inset #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (13,13) size 188x19
   RenderBlock {DIV} at (3,3) size 188x19