[iOS][FCR] Enable the new appearance by default https://bugs.webkit.org/show_bug.cgi?id=222015 <rdar://problem/74415537> Reviewed by Wenson Hsieh. Source/WTF: * Scripts/Preferences/WebPreferencesInternal.yaml: Enable the iOS Form Control Refresh. Tools: Rebaselined tests to account for changes to <input> and <textarea> elements. * TestWebKitAPI/Tests/WebKitCocoa/DocumentEditingContext.mm: (DocumentEditingContext.SpatialRequestInTextField): * TestWebKitAPI/Tests/ios/DragAndDropTestsIOS.mm: (DragAndDropTests.BackgroundImageLinkToInput): (DragAndDropTests.ContentEditableToTextarea): (DragAndDropTests.ImageInLinkToInput): (DragAndDropTests.LinkToInput): (DragAndDropTests.TextAreaToInput): * TestWebKitAPI/Tests/ios/KeyboardInputTestsIOS.mm: (KeyboardInputTests.SelectionClipRectsWhenPresentingInputView): LayoutTests: Rebaseline tests to account for the new appearance. * editing/editable-region/overflow-scroll-text-field-and-contenteditable-expected.txt: * editing/editable-region/search-field-basic-expected.txt: * editing/editable-region/text-field-basic-expected.txt: * editing/editable-region/text-field-inside-composited-negative-z-index-layer-expected.txt: * editing/editable-region/textarea-basic-expected.txt: * fast/forms/button-set-display-flex-justifyContent-center-expected.html: * fast/forms/button-set-display-flex-justifyContent-center.html: Specify a color to ensure the text color always matches. * fast/forms/datalist/datalist-fallback-content.html: Ensure the button is hidden on iOS for this reference test. Previously the button was hidden by default. * fast/forms/datalist/datalist-textinput-suggestions-order.html: * fast/forms/date/date-input-rendering-basic-expected.txt: * fast/forms/date/date-pseudo-elements-expected.txt: * fast/forms/ios/choose-select-option.html: * fast/forms/ios/disabled-options-in-multi-select-picker.html: * fast/forms/ios/form-control-refresh/datalist/datalist-show-hide-expected.txt: Removed. * fast/forms/ios/form-control-refresh/datalist/datalist-show-hide.html: Removed. Replaced by a test with the same name in fast/forms/datalist. * fast/forms/ios/form-control-refresh/datalist/datalist-textinput-suggestions-order-expected.txt: Removed. * fast/forms/ios/form-control-refresh/datalist/datalist-textinput-suggestions-order.html: Removed. Replaced by a test with the same name in fast/forms/datalist. * fast/forms/ios/no-stale-checked-items-in-select-picker.html: * fast/forms/ios/select-picker-change-and-focus-another-select.html: * fast/forms/time/time-input-rendering-basic-expected.txt: * fast/shadow-dom/color-input-element-shadow-manipulation.html: Use the center of element to ensure the element is detected. The new border-radius means that the top left corner of the element is empty. * platform/ios-simulator/fast/forms/auto-fill-button/hide-auto-fill-strong-password-viewable-treatment-when-form-is-reset-expected.txt: * platform/ios-simulator/fast/forms/auto-fill-button/input-credit-card-auto-fill-button-expected.txt: * platform/ios-simulator/fast/forms/auto-fill-button/input-strong-password-viewable-expected.txt: * platform/ios-simulator/fast/forms/datalist/datalist-searchinput-appearance-expected.txt: * platform/ios-simulator/fast/forms/datalist/datalist-textinput-appearance-expected.txt: * platform/ios-wk2/compositing/contents-opaque/control-layer-expected.txt: * platform/ios-wk2/editing/input/caret-at-the-edge-of-input-expected.txt: * platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt: * platform/ios-wk2/editing/inserting/4960120-1-expected.txt: * platform/ios-wk2/editing/inserting/before-after-input-element-expected.txt: * platform/ios-wk2/editing/pasteboard/4641033-expected.txt: * platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt: * platform/ios-wk2/editing/pasteboard/4944770-2-expected.txt: * platform/ios-wk2/editing/pasteboard/input-field-1-expected.txt: * platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt: * platform/ios-wk2/editing/selection/4895428-3-expected.txt: * platform/ios-wk2/editing/selection/caret-before-select-expected.txt: * platform/ios-wk2/editing/selection/drag-select-1-expected.txt: * platform/ios-wk2/editing/selection/select-across-readonly-input-1-expected.txt: * platform/ios-wk2/editing/selection/select-across-readonly-input-2-expected.txt: * platform/ios-wk2/editing/selection/select-across-readonly-input-3-expected.txt: * platform/ios-wk2/editing/selection/select-across-readonly-input-4-expected.txt: * platform/ios-wk2/editing/selection/select-across-readonly-input-5-expected.txt: * platform/ios-wk2/editing/selection/select-from-textfield-outwards-expected.txt: * platform/ios-wk2/fast/block/basic/011-expected.txt: * platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt: * platform/ios-wk2/fast/block/margin-collapse/103-expected.txt: * platform/ios-wk2/fast/dynamic/008-expected.txt: * platform/ios-wk2/fast/forms/basic-buttons-expected.txt: * platform/ios-wk2/fast/forms/basic-textareas-quirks-expected.txt: * platform/ios-wk2/fast/forms/datalist/input-appearance-range-with-datalist-rtl-expected-mismatch.html: Added. Now that range inputs have a filled track, the RTL appearance should mismatch the LTR appearance. * platform/ios-wk2/fast/forms/input-appearance-preventDefault-expected.txt: * platform/ios-wk2/fast/forms/input-text-click-outside-expected.txt: * platform/ios-wk2/fast/forms/input-text-double-click-expected.txt: * platform/ios-wk2/fast/forms/input-text-drag-down-expected.txt: * platform/ios-wk2/fast/forms/input-text-option-delete-expected.txt: * platform/ios-wk2/fast/forms/range/input-appearance-range-rtl-expected-mismatch.html: Added. Now that range inputs have a filled track, the RTL appearance should mismatch the LTR appearance. * platform/ios-wk2/fast/forms/targeted-frame-submission-expected.txt: * platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt: * platform/ios-wk2/fast/forms/textarea-align-expected.txt: * platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt: * platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt: * platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt: * platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt: * platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt: * platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt: * platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt: * platform/ios-wk2/fast/parser/document-write-option-expected.txt: * platform/ios-wk2/fast/parser/entity-comment-in-textarea-expected.txt: * platform/ios-wk2/fast/parser/open-comment-in-textarea-expected.txt: * platform/ios-wk2/fast/repaint/placeholder-after-caps-lock-hidden-expected.txt: * platform/ios-wk2/fast/replaced/border-radius-clip-expected.txt: * platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt: * platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt: * platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt: * platform/ios-wk2/fast/transforms/transformed-focused-text-input-expected.txt: * platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/radiobutton-min-size-expected.txt: * platform/ios-wk2/imported/w3c/web-platform-tests/css/css-pseudo/file-chooser-button-display-toggle-crash.tentative-expected.txt: * platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/baseline-alignment-and-overflow.tentative-expected.txt: * platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/button-layout/abspos-expected.txt: * platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/select-wrap-no-spill.optional-expected.txt: * platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt: * platform/ios/compositing/overflow/theme-affects-visual-overflow-expected.txt: * platform/ios/css1/box_properties/acid_test-expected.txt: * platform/ios/css2.1/20110323/replaced-elements-001-expected.txt: * platform/ios/css2.1/t09-c5526c-display-00-e-expected.txt: * platform/ios/css3/flexbox/button-expected.txt: * platform/ios/editing/pasteboard/4806874-expected.txt: * platform/ios/editing/selection/3690703-2-expected.txt: * platform/ios/editing/selection/3690703-expected.txt: * platform/ios/editing/selection/3690719-expected.txt: * platform/ios/editing/selection/4397952-expected.txt: * platform/ios/editing/selection/4975120-expected.txt: * platform/ios/editing/selection/5240265-expected.txt: * platform/ios/editing/selection/replaced-boundaries-3-expected.txt: * platform/ios/editing/selection/select-box-expected.txt: * platform/ios/editing/selection/select-element-paragraph-boundary-expected.txt: * platform/ios/editing/selection/selection-button-text-expected.txt: * platform/ios/fast/block/float/032-expected.txt: * platform/ios/fast/block/float/float-avoidance-expected.txt: * platform/ios/fast/block/positioning/inline-block-relposition-expected.txt: * platform/ios/fast/box-sizing/percentage-height-expected.txt: * platform/ios/fast/css/continuationCrash-expected.txt: * platform/ios/fast/css/focus-ring-exists-for-search-field-expected.txt: * platform/ios/fast/css/input-search-padding-expected.txt: * platform/ios/fast/css/line-height-expected.txt: * platform/ios/fast/css/margin-top-bottom-dynamic-expected.txt: * platform/ios/fast/css/non-standard-checkbox-size-expected.txt: * platform/ios/fast/css/rtl-ordering-expected.txt: * platform/ios/fast/css/text-input-with-webkit-border-radius-expected.txt: * platform/ios/fast/css/text-overflow-input-expected.txt: * platform/ios/fast/css/text-transform-select-expected.txt: * platform/ios/fast/dom/HTMLInputElement/input-image-alt-text-expected.txt: * platform/ios/fast/dom/HTMLMeterElement/meter-boundary-values-expected.txt: * platform/ios/fast/dom/HTMLMeterElement/meter-element-expected.txt: * platform/ios/fast/dom/HTMLMeterElement/meter-element-repaint-on-update-value-expected.txt: * platform/ios/fast/dom/HTMLMeterElement/meter-optimums-expected.txt: * platform/ios/fast/dom/HTMLMeterElement/meter-styles-expected.txt: * platform/ios/fast/dom/HTMLTableColElement/resize-table-using-col-width-expected.txt: * platform/ios/fast/dom/HTMLTextAreaElement/reset-textarea-expected.txt: * platform/ios/fast/dynamic/positioned-movement-with-positioned-children-expected.txt: * platform/ios/fast/events/context-no-deselect-expected.txt: * platform/ios/fast/forms/001-expected.txt: * platform/ios/fast/forms/003-expected.txt: * platform/ios/fast/forms/004-expected.txt: * platform/ios/fast/forms/auto-fill-button/input-auto-fill-button-expected.txt: * platform/ios/fast/forms/auto-fill-button/input-contacts-auto-fill-button-expected.txt: * platform/ios/fast/forms/auto-fill-button/input-strong-password-auto-fill-button-expected.txt: * platform/ios/fast/forms/basic-inputs-expected.txt: * platform/ios/fast/forms/basic-selects-expected.txt: * platform/ios/fast/forms/basic-textareas-expected.txt: * platform/ios/fast/forms/blankbuttons-expected.txt: * platform/ios/fast/forms/box-shadow-override-expected.txt: * platform/ios/fast/forms/button-align-expected.txt: * platform/ios/fast/forms/button-cannot-be-nested-expected.txt: * platform/ios/fast/forms/button-default-title-expected.txt: * platform/ios/fast/forms/button-generated-content-expected.txt: * platform/ios/fast/forms/button-positioned-expected.txt: * platform/ios/fast/forms/button-sizes-expected.txt: * platform/ios/fast/forms/button-style-color-expected.txt: * platform/ios/fast/forms/button-table-styles-expected.txt: * platform/ios/fast/forms/button-text-transform-expected.txt: * platform/ios/fast/forms/button-white-space-expected.txt: * platform/ios/fast/forms/color/input-appearance-color-expected.txt: * platform/ios/fast/forms/control-clip-expected.txt: * platform/ios/fast/forms/control-clip-overflow-expected.txt: * platform/ios/fast/forms/control-restrict-line-height-expected.txt: * platform/ios/fast/forms/disabled-select-change-index-expected.txt: * platform/ios/fast/forms/encoding-test-expected.txt: * platform/ios/fast/forms/fieldset-align-expected.txt: * platform/ios/fast/forms/file/file-input-direction-expected.txt: * platform/ios/fast/forms/file/file-input-disabled-expected.txt: * platform/ios/fast/forms/floating-textfield-relayout-expected.txt: * platform/ios/fast/forms/form-element-geometry-expected.txt: * platform/ios/fast/forms/formmove-expected.txt: * platform/ios/fast/forms/formmove2-expected.txt: * platform/ios/fast/forms/formmove3-expected.txt: * platform/ios/fast/forms/hidden-listbox-expected.txt: * platform/ios/fast/forms/indeterminate-expected.txt: * platform/ios/fast/forms/input-align-expected.txt: * platform/ios/fast/forms/input-appearance-bkcolor-expected.txt: * platform/ios/fast/forms/input-appearance-default-bkcolor-expected.txt: * platform/ios/fast/forms/input-appearance-disabled-expected.txt: * platform/ios/fast/forms/input-appearance-focus-expected.txt: * platform/ios/fast/forms/input-appearance-height-expected.txt: * platform/ios/fast/forms/input-appearance-readonly-expected.txt: * platform/ios/fast/forms/input-appearance-selection-expected.txt: * platform/ios/fast/forms/input-appearance-visibility-expected.txt: * platform/ios/fast/forms/input-appearance-width-expected.txt: * platform/ios/fast/forms/input-button-sizes-expected.txt: * platform/ios/fast/forms/input-disabled-color-expected.txt: * platform/ios/fast/forms/input-double-click-selection-gap-bug-expected.txt: * platform/ios/fast/forms/input-field-text-truncated-expected.txt: * platform/ios/fast/forms/input-first-letter-expected.txt: * platform/ios/fast/forms/input-placeholder-visibility-1-expected.txt: * platform/ios/fast/forms/input-placeholder-visibility-3-expected.txt: * platform/ios/fast/forms/input-readonly-dimmed-expected.txt: * platform/ios/fast/forms/input-readonly-empty-expected.txt: * platform/ios/fast/forms/input-spaces-expected.txt: * platform/ios/fast/forms/input-table-expected.txt: * platform/ios/fast/forms/input-text-click-inside-expected.txt: * platform/ios/fast/forms/input-text-scroll-left-on-blur-expected.txt: * platform/ios/fast/forms/input-text-self-emptying-click-expected.txt: * platform/ios/fast/forms/input-type-text-min-width-expected.txt: * platform/ios/fast/forms/input-value-expected.txt: * platform/ios/fast/forms/input-width-expected.txt: * platform/ios/fast/forms/listbox-bidi-align-expected.txt: * platform/ios/fast/forms/listbox-hit-test-zoomed-expected.txt: * platform/ios/fast/forms/listbox-scrollbar-incremental-load-expected.txt: * platform/ios/fast/forms/listbox-width-change-expected.txt: * platform/ios/fast/forms/menulist-clip-expected.txt: * platform/ios/fast/forms/menulist-deselect-update-expected.txt: * platform/ios/fast/forms/menulist-narrow-width-expected.txt: * platform/ios/fast/forms/menulist-no-overflow-expected.txt: * platform/ios/fast/forms/menulist-option-wrap-expected.txt: * platform/ios/fast/forms/menulist-restrict-line-height-expected.txt: * platform/ios/fast/forms/menulist-separator-painting-expected.txt: * platform/ios/fast/forms/menulist-style-color-expected.txt: * platform/ios/fast/forms/menulist-width-change-expected.txt: * platform/ios/fast/forms/minWidthPercent-expected.txt: * platform/ios/fast/forms/number/number-appearance-rtl-expected.txt: * platform/ios/fast/forms/number/number-appearance-spinbutton-disabled-readonly-expected.txt: * platform/ios/fast/forms/number/number-appearance-spinbutton-layer-expected.txt: * platform/ios/fast/forms/option-script-expected.txt: * platform/ios/fast/forms/option-strip-whitespace-expected.txt: * platform/ios/fast/forms/option-text-clip-expected.txt: * platform/ios/fast/forms/placeholder-pseudo-style-expected.txt: * platform/ios/fast/forms/plaintext-mode-2-expected.txt: * platform/ios/fast/forms/range/input-appearance-range-expected.txt: * platform/ios/fast/forms/range/range-thumb-height-percentage-expected.txt: * platform/ios/fast/forms/range/slider-thumb-shared-style-expected.txt: * platform/ios/fast/forms/search-cancel-button-style-sharing-expected.txt: * platform/ios/fast/forms/search-display-none-cancel-button-expected.txt: * platform/ios/fast/forms/search-input-rtl-expected.txt: * platform/ios/fast/forms/search-styled-expected.txt: * platform/ios/fast/forms/search/search-zoom-computed-style-height-expected.txt: * platform/ios/fast/forms/select-align-expected.txt: * platform/ios/fast/forms/select-background-none-expected.txt: * platform/ios/fast/forms/select-baseline-expected.txt: * platform/ios/fast/forms/select-block-background-expected.txt: * platform/ios/fast/forms/select-change-listbox-size-expected.txt: * platform/ios/fast/forms/select-change-listbox-to-popup-expected.txt: * platform/ios/fast/forms/select-change-popup-to-listbox-expected.txt: * platform/ios/fast/forms/select-dirty-parent-pref-widths-expected.txt: * platform/ios/fast/forms/select-disabled-appearance-expected.txt: * platform/ios/fast/forms/select-element-focus-ring-expected.txt: * platform/ios/fast/forms/select-empty-option-height-expected.txt: * platform/ios/fast/forms/select-initial-position-expected.txt: * platform/ios/fast/forms/select-item-background-clip-expected.txt: * platform/ios/fast/forms/select-list-box-with-height-expected.txt: * platform/ios/fast/forms/select-non-native-rendering-direction-expected.txt: * platform/ios/fast/forms/select-selected-expected.txt: * platform/ios/fast/forms/select-style-expected.txt: * platform/ios/fast/forms/select-visual-hebrew-expected.txt: * platform/ios/fast/forms/select-writing-direction-natural-expected.txt: * platform/ios/fast/forms/select/optgroup-rendering-expected.txt: * platform/ios/fast/forms/selectlist-minsize-expected.txt: * platform/ios/fast/forms/stuff-on-my-optgroup-expected.txt: * platform/ios/fast/forms/tabbing-input-iframe-expected.txt: * platform/ios/fast/forms/textarea-placeholder-pseudo-style-expected.txt: * platform/ios/fast/forms/textarea-scrollbar-expected.txt: * platform/ios/fast/forms/textarea-scrolled-type-expected.txt: * platform/ios/fast/forms/textarea-width-expected.txt: * platform/ios/fast/forms/textfield-focus-ring-expected.txt: * platform/ios/fast/forms/textfield-outline-expected.txt: * platform/ios/fast/forms/textfield-overflow-expected.txt: * platform/ios/fast/frames/take-focus-from-iframe-expected.txt: * platform/ios/fast/hidpi/video-controls-in-hidpi-expected.txt: * platform/ios/fast/html/details-no-summary4-expected.txt: * platform/ios/fast/html/details-open-javascript-expected.txt: * platform/ios/fast/html/details-open2-expected.txt: * platform/ios/fast/html/details-open4-expected.txt: * platform/ios/fast/html/details-replace-summary-child-expected.txt: * platform/ios/fast/html/details-replace-text-expected.txt: * platform/ios/fast/html/keygen-expected.txt: * platform/ios/fast/inline/positionedLifetime-expected.txt: * platform/ios/fast/invalid/014-expected.txt: * platform/ios/fast/layers/video-layer-expected.txt: * platform/ios/fast/lists/dynamic-marker-crash-expected.txt: * platform/ios/fast/multicol/client-rects-expected.txt: * platform/ios/fast/multicol/client-rects-spanners-complex-expected.txt: * platform/ios/fast/multicol/client-rects-spanners-expected.txt: * platform/ios/fast/multicol/newmulticol/client-rects-expected.txt: * platform/ios/fast/overflow/overflow-x-y-expected.txt: * platform/ios/fast/parser/bad-xml-slash-expected.txt: * platform/ios/fast/replaced/replaced-breaking-expected.txt: * platform/ios/fast/replaced/replaced-breaking-mixture-expected.txt: * platform/ios/fast/replaced/three-selects-break-expected.txt: * platform/ios/fast/replaced/width100percent-button-expected.txt: * platform/ios/fast/replaced/width100percent-checkbox-expected.txt: * platform/ios/fast/replaced/width100percent-menulist-expected.txt: * platform/ios/fast/replaced/width100percent-radio-expected.txt: * platform/ios/fast/replaced/width100percent-searchfield-expected.txt: * platform/ios/fast/replaced/width100percent-textarea-expected.txt: * platform/ios/fast/replaced/width100percent-textfield-expected.txt: * platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt: * platform/ios/fast/selectors/064-expected.txt: * platform/ios/fast/table/append-cells2-expected.txt: * platform/ios/fast/table/colspanMinWidth-expected.txt: * platform/ios/fast/table/remove-td-display-none-expected.txt: * platform/ios/fast/table/spanOverlapRepaint-expected.txt: * platform/ios/fast/table/text-field-baseline-expected.txt: * platform/ios/fast/text/drawBidiText-expected.txt: * platform/ios/fast/text/international/bidi-listbox-atsui-expected.txt: * platform/ios/fast/text/international/bidi-listbox-expected.txt: * platform/ios/fast/text/international/bidi-menulist-expected.txt: * platform/ios/fast/text/international/hindi-spacing-expected.txt: * platform/ios/fast/text/international/pop-up-button-text-alignment-and-direction-expected.txt: * platform/ios/fast/text/whitespace/normal-after-nowrap-breaking-expected.txt: * platform/ios/imported/w3c/web-platform-tests/selection/selection-select-all-move-input-crash-expected.txt: * platform/ios/media/audio-controls-rendering-expected.txt: * platform/ios/media/audio-repaint-expected.txt: * platform/ios/media/controls-strict-expected.txt: * platform/ios/media/controls-styling-strict-expected.txt: * platform/ios/media/controls-without-preload-expected.txt: * platform/ios/media/media-controls-clone-expected.txt: * platform/ios/media/video-controls-rendering-expected.txt: * platform/ios/media/video-zoom-controls-expected.txt: * platform/ios/svg/custom/foreign-object-skew-expected.txt: * platform/ios/svg/custom/inline-svg-in-xhtml-expected.txt: * platform/ios/svg/hixie/mixed/003-expected.txt: * platform/ios/tables/mozilla/bugs/45621-expected.txt: * platform/ios/tables/mozilla/bugs/bug1188-expected.txt: * platform/ios/tables/mozilla/bugs/bug12384-expected.txt: * platform/ios/tables/mozilla/bugs/bug1318-expected.txt: * platform/ios/tables/mozilla/bugs/bug138725-expected.txt: * platform/ios/tables/mozilla/bugs/bug18359-expected.txt: * platform/ios/tables/mozilla/bugs/bug194024-expected.txt: * platform/ios/tables/mozilla/bugs/bug24200-expected.txt: * platform/ios/tables/mozilla/bugs/bug2479-2-expected.txt: * platform/ios/tables/mozilla/bugs/bug2479-3-expected.txt: * platform/ios/tables/mozilla/bugs/bug2479-4-expected.txt: * platform/ios/tables/mozilla/bugs/bug26178-expected.txt: * platform/ios/tables/mozilla/bugs/bug28928-expected.txt: * platform/ios/tables/mozilla/bugs/bug29326-expected.txt: * platform/ios/tables/mozilla/bugs/bug30559-expected.txt: * platform/ios/tables/mozilla/bugs/bug30692-expected.txt: * platform/ios/tables/mozilla/bugs/bug33855-expected.txt: * platform/ios/tables/mozilla/bugs/bug39209-expected.txt: * platform/ios/tables/mozilla/bugs/bug4382-expected.txt: * platform/ios/tables/mozilla/bugs/bug4429-expected.txt: * platform/ios/tables/mozilla/bugs/bug44505-expected.txt: * platform/ios/tables/mozilla/bugs/bug4527-expected.txt: * platform/ios/tables/mozilla/bugs/bug46368-1-expected.txt: * platform/ios/tables/mozilla/bugs/bug46368-2-expected.txt: * platform/ios/tables/mozilla/bugs/bug51037-expected.txt: * platform/ios/tables/mozilla/bugs/bug51727-expected.txt: * platform/ios/tables/mozilla/bugs/bug52505-expected.txt: * platform/ios/tables/mozilla/bugs/bug52506-expected.txt: * platform/ios/tables/mozilla/bugs/bug55545-expected.txt: * platform/ios/tables/mozilla/bugs/bug59354-expected.txt: * platform/ios/tables/mozilla/bugs/bug60749-expected.txt: * platform/ios/tables/mozilla/bugs/bug68912-expected.txt: * platform/ios/tables/mozilla/bugs/bug7342-expected.txt: * platform/ios/tables/mozilla/bugs/bug92647-2-expected.txt: * platform/ios/tables/mozilla/bugs/bug96334-expected.txt: * platform/ios/tables/mozilla/bugs/bug99948-expected.txt: * platform/ios/tables/mozilla/collapsing_borders/bug41262-4-expected.txt: * platform/ios/tables/mozilla/core/margins-expected.txt: * platform/ios/tables/mozilla/dom/tableDom-expected.txt: * platform/ios/tables/mozilla/other/move_row-expected.txt: * platform/ios/tables/mozilla_expected_failures/bugs/bug1725-expected.txt: * platform/ios/tables/mozilla_expected_failures/bugs/bug2479-5-expected.txt: * platform/ios/tables/mozilla_expected_failures/bugs/bug58402-2-expected.txt: * platform/ios/tables/mozilla_expected_failures/bugs/bug92647-1-expected.txt: * platform/ios/tables/mozilla_expected_failures/collapsing_borders/bug41262-5-expected.txt: * platform/ios/tables/mozilla_expected_failures/collapsing_borders/bug41262-6-expected.txt: * platform/ios/tables/mozilla_expected_failures/core/captions1-expected.txt: * platform/ios/tables/mozilla_expected_failures/core/captions2-expected.txt: * platform/ios/transforms/2d/zoom-menulist-expected.txt: * platform/ios/transforms/3d/general/perspective-non-layer-expected.txt: * platform/ipad/fast/forms/choose-select-option.html: This test is covered by a test of the same name in fast/forms/ios/form-control-refresh/select. * platform/ipad/fast/forms/select-with-title.html: This test assumes a popover appearance, which is gone with the redesign. This test can eventually be removed entirely. git-svn-id: http://svn.webkit.org/repository/webkit/trunk@273154 268f45cc-cd09-0410-ab3c-d52691b4dbfc

commit: e6510d7c868d6dff26a8c93d1b9b3dc2af172872 [log] [tgz]
author: akeerthi@apple.com <akeerthi@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc> Fri Feb 19 19:44:03 2021 +0000
committer: akeerthi@apple.com <akeerthi@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc> Fri Feb 19 19:44:03 2021 +0000
tree: f17441dd266e8ee52ed177b191c3c9b03390f8bd
parent: c49577b610ba32ba0483d68e441c6b30af755d11 [diff]
diff --git a/LayoutTests/platform/ios-wk2/compositing/contents-opaque/control-layer-expected.txt b/LayoutTests/platform/ios-wk2/compositing/contents-opaque/control-layer-expected.txt
index 0a054a1..d926906 100644
--- a/LayoutTests/platform/ios-wk2/compositing/contents-opaque/control-layer-expected.txt
+++ b/LayoutTests/platform/ios-wk2/compositing/contents-opaque/control-layer-expected.txt

@@ -9,7 +9,8 @@
       (children 1
         (GraphicsLayer
           (position 10.00 10.00)
-          (bounds 118.00 20.00)
+          (anchor 0.50 0.50)
+          (bounds 123.50 20.00)
           (drawsContent 1)
         )
       )

diff --git a/LayoutTests/platform/ios-wk2/editing/input/caret-at-the-edge-of-input-expected.txt b/LayoutTests/platform/ios-wk2/editing/input/caret-at-the-edge-of-input-expected.txt
index ec4e25c..bc55939 100644
--- a/LayoutTests/platform/ios-wk2/editing/input/caret-at-the-edge-of-input-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/input/caret-at-the-edge-of-input-expected.txt

@@ -7,11 +7,11 @@
         RenderText {#text} at (0,0) size 692x19
           text run at (0,0) width 692: "When the caret reaches the edge of the input box, on the next input if must jump to the center of the control."
       RenderBlock (anonymous) at (0,20) size 784x25
-        RenderTextControl {INPUT} at (2,2) size 77x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (2,2) size 85x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-layer at (17,33) size 63x14 scrollX 125 scrollWidth 186
-  RenderBlock {DIV} at (6,3) size 64x15
-    RenderText {#text} at (0,0) size 184x14
-      text run at (0,0) width 184: "012345678901234567890123456789"
+layer at (17,33) size 71x14 scrollX 134 scrollWidth 204
+  RenderBlock {DIV} at (6,3) size 73x15
+    RenderText {#text} at (0,0) size 202x14
+      text run at (0,0) width 202: "012345678901234567890123456789"
 caret: position 0 of child 0 {#text} of child 0 {DIV} of {#document-fragment} of child 3 {INPUT} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt b/LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt
index 486eaeb..11b4684 100644
--- a/LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt

@@ -9,36 +9,36 @@
       RenderBlock (anonymous) at (0,20) size 784x155
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-layer at (10,30) size 90x146 clip at (11,31) size 73x144 scrollHeight 452
-  RenderTextControl {TEXTAREA} at (2,2) size 90x146 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 63x448
-      RenderText {#text} at (0,0) size 13x434
-        text run at (0,0) width 13: "00"
-        text run at (12,0) width 1: " "
+layer at (10,30) size 98x146 clip at (11,31) size 81x144 scrollHeight 452
+  RenderTextControl {TEXTAREA} at (2,2) size 98x146 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 71x448
+      RenderText {#text} at (0,0) size 15x434
+        text run at (0,0) width 14: "00"
+        text run at (13,0) width 1: " "
         text run at (0,14) width 13: "01"
         text run at (12,14) width 1: " "
-        text run at (0,28) width 13: "02"
-        text run at (12,28) width 1: " "
-        text run at (0,42) width 13: "03"
-        text run at (12,42) width 1: " "
-        text run at (0,56) width 13: "04"
-        text run at (12,56) width 1: " "
-        text run at (0,70) width 13: "05"
-        text run at (12,70) width 1: " "
-        text run at (0,84) width 13: "06"
-        text run at (12,84) width 1: " "
-        text run at (0,98) width 13: "07"
-        text run at (12,98) width 1: " "
-        text run at (0,112) width 13: "08"
-        text run at (12,112) width 1: " "
-        text run at (0,126) width 13: "09"
-        text run at (12,126) width 1: " "
+        text run at (0,28) width 14: "02"
+        text run at (13,28) width 1: " "
+        text run at (0,42) width 14: "03"
+        text run at (13,42) width 1: " "
+        text run at (0,56) width 15: "04"
+        text run at (14,56) width 1: " "
+        text run at (0,70) width 14: "05"
+        text run at (13,70) width 1: " "
+        text run at (0,84) width 15: "06"
+        text run at (14,84) width 1: " "
+        text run at (0,98) width 14: "07"
+        text run at (13,98) width 1: " "
+        text run at (0,112) width 15: "08"
+        text run at (14,112) width 1: " "
+        text run at (0,126) width 15: "09"
+        text run at (14,126) width 1: " "
         text run at (0,140) width 13: "10"
         text run at (12,140) width 1: " "
-        text run at (0,154) width 12: "11"
-        text run at (11,154) width 1: " "
-        text run at (0,168) width 13: "12"
-        text run at (12,168) width 1: " "
+        text run at (0,154) width 11: "11"
+        text run at (10,154) width 1: " "
+        text run at (0,168) width 12: "12"
+        text run at (11,168) width 1: " "
         text run at (0,182) width 13: "13"
         text run at (12,182) width 1: " "
         text run at (0,196) width 13: "14"
@@ -47,33 +47,33 @@
         text run at (12,210) width 1: " "
         text run at (0,224) width 13: "16"
         text run at (12,224) width 1: " "
-        text run at (0,238) width 13: "17"
-        text run at (12,238) width 1: " "
+        text run at (0,238) width 12: "17"
+        text run at (11,238) width 1: " "
         text run at (0,252) width 13: "18"
         text run at (12,252) width 1: " "
         text run at (0,266) width 13: "19"
         text run at (12,266) width 1: " "
-        text run at (0,280) width 13: "20"
-        text run at (12,280) width 1: " "
-        text run at (0,294) width 13: "21"
-        text run at (12,294) width 1: " "
-        text run at (0,308) width 13: "22"
-        text run at (12,308) width 1: " "
-        text run at (0,322) width 13: "23"
-        text run at (12,322) width 1: " "
-        text run at (0,336) width 13: "24"
-        text run at (12,336) width 1: " "
-        text run at (0,350) width 13: "25"
-        text run at (12,350) width 1: " "
-        text run at (0,364) width 13: "26"
-        text run at (12,364) width 1: " "
-        text run at (0,378) width 13: "27"
-        text run at (12,378) width 1: " "
-        text run at (0,392) width 13: "28"
-        text run at (12,392) width 1: " "
-        text run at (0,406) width 13: "29"
-        text run at (12,406) width 1: " "
-        text run at (0,420) width 13: "30"
-        text run at (12,420) width 1: " "
+        text run at (0,280) width 14: "20"
+        text run at (13,280) width 1: " "
+        text run at (0,294) width 12: "21"
+        text run at (11,294) width 1: " "
+        text run at (0,308) width 14: "22"
+        text run at (13,308) width 1: " "
+        text run at (0,322) width 14: "23"
+        text run at (13,322) width 1: " "
+        text run at (0,336) width 14: "24"
+        text run at (13,336) width 1: " "
+        text run at (0,350) width 14: "25"
+        text run at (13,350) width 1: " "
+        text run at (0,364) width 14: "26"
+        text run at (13,364) width 1: " "
+        text run at (0,378) width 14: "27"
+        text run at (13,378) width 1: " "
+        text run at (0,392) width 14: "28"
+        text run at (13,392) width 1: " "
+        text run at (0,406) width 14: "29"
+        text run at (13,406) width 1: " "
+        text run at (0,420) width 14: "30"
+        text run at (13,420) width 1: " "
       RenderBR {BR} at (0,434) size 0x14
 caret: position 36 of child 0 {#text} of child 0 {DIV} of {#document-fragment} of child 3 {TEXTAREA} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt b/LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt
index 88fd0bf..3bb03b5 100644
--- a/LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt

@@ -9,9 +9,9 @@
       RenderBlock (anonymous) at (0,36) size 784x38
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-layer at (10,46) size 151x34 clip at (11,47) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x28
+layer at (10,46) size 168x34 clip at (11,47) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x28
       RenderText {#text} at (0,0) size 0x14
         text run at (0,0) width 0: " "
       RenderText {#text} at (0,14) size 0x14

diff --git a/LayoutTests/platform/ios-wk2/editing/inserting/before-after-input-element-expected.txt b/LayoutTests/platform/ios-wk2/editing/inserting/before-after-input-element-expected.txt
index 2b31bcb..af48286 100644
--- a/LayoutTests/platform/ios-wk2/editing/inserting/before-after-input-element-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/inserting/before-after-input-element-expected.txt

@@ -19,9 +19,9 @@
       RenderBlock {DIV} at (0,36) size 784x25
         RenderText {#text} at (0,1) size 36x19
           text run at (0,1) width 36: "Hello"
-        RenderTextControl {INPUT} at (37,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-        RenderText {#text} at (176,1) size 41x19
-          text run at (176,1) width 41: "World"
-layer at (52,49) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+        RenderTextControl {INPUT} at (37,2) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+        RenderText {#text} at (194,1) size 41x19
+          text run at (194,1) width 41: "World"
+layer at (52,49) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
 caret: position 5 of child 2 {#text} of child 2 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/pasteboard/4641033-expected.txt b/LayoutTests/platform/ios-wk2/editing/pasteboard/4641033-expected.txt
index af290ed..0298572 100644
--- a/LayoutTests/platform/ios-wk2/editing/pasteboard/4641033-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/pasteboard/4641033-expected.txt

@@ -21,18 +21,18 @@
         RenderInline {SPAN} at (0,0) size 4x19
           RenderText {#text} at (76,88) size 4x19
             text run at (76,88) width 4: " "
-        RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 39x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
+        RenderMenuList {SELECT} at (82,89) size 41x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 31x14
+            RenderText at (0,0) size 6x14
+              text run at (0,0) width 6: "1"
       RenderBlock (anonymous) at (0,167) size 784x111
         RenderImage {IMG} at (0,0) size 76x103
         RenderText {#text} at (76,88) size 4x19
           text run at (76,88) width 4: " "
-        RenderMenuList {SELECT} at (82,89) size 51x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 39x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
+        RenderMenuList {SELECT} at (82,89) size 41x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 31x14
+            RenderText at (0,0) size 6x14
+              text run at (0,0) width 6: "1"
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
 caret: position 1 of child 2 {SELECT} of child 2 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt b/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt
index e677946..5cfd375 100644
--- a/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-1-expected.txt

@@ -11,15 +11,15 @@
       RenderBlock {DIV} at (0,56) size 784x24
         RenderText {#text} at (0,1) size 22x19
           text run at (0,1) width 22: "foo"
-        RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 27x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
+        RenderMenuList {SELECT} at (23,2) size 30x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 19x14
+            RenderText at (0,0) size 6x14
+              text run at (0,0) width 6: "1"
       RenderBlock {DIV} at (0,80) size 784x24
         RenderText {#text} at (0,1) size 22x19
           text run at (0,1) width 22: "foo"
-        RenderMenuList {SELECT} at (23,2) size 40x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 27x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
+        RenderMenuList {SELECT} at (23,2) size 30x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 19x14
+            RenderText at (0,0) size 6x14
+              text run at (0,0) width 6: "1"
 caret: position 3 of child 1 {SELECT} of child 4 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-2-expected.txt b/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-2-expected.txt
index 9d89c30..2fa63b4 100644
--- a/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-2-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/pasteboard/4944770-2-expected.txt

@@ -9,17 +9,11 @@
           text run at (419,0) width 321: "There should be spaces added before and after the"
           text run at (0,20) width 106: "inserted content."
       RenderBlock {DIV} at (0,56) size 784x24
-        RenderMenuList {SELECT} at (2,2) size 39x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 27x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
-      RenderBlock {DIV} at (0,80) size 784x24
-        RenderText {#text} at (0,1) size 30x19
-          text run at (0,1) width 30: "xfoo"
-        RenderMenuList {SELECT} at (31,2) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 27x14
-            RenderText at (0,0) size 7x14
-              text run at (0,0) width 7: "1"
-        RenderText {#text} at (72,1) size 9x19
-          text run at (72,1) width 9: "x"
-caret: position 3 of child 1 {SELECT} of child 4 {DIV} of body
+        RenderMenuList {SELECT} at (2,2) size 29x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 19x14
+            RenderText at (0,0) size 6x14
+              text run at (0,0) width 6: "1"
+      RenderBlock {DIV} at (0,80) size 784x20
+        RenderText {#text} at (0,0) size 16x19
+          text run at (0,0) width 16: "xx"
+caret: position 1 of child 0 {#text} of child 4 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/pasteboard/input-field-1-expected.txt b/LayoutTests/platform/ios-wk2/editing/pasteboard/input-field-1-expected.txt
index 860d653..742669e0 100644
--- a/LayoutTests/platform/ios-wk2/editing/pasteboard/input-field-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/pasteboard/input-field-1-expected.txt

@@ -18,17 +18,17 @@
         RenderText {#text} at (0,0) size 241x19
           text run at (0,0) width 241: "This tests Copy/Paste of a input field."
       RenderBlock {DIV} at (0,36) size 784x25
-        RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-        RenderText {#text} at (141,1) size 5x19
-          text run at (141,1) width 5: " "
-        RenderTextControl {INPUT} at (147,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+        RenderText {#text} at (158,1) size 5x19
+          text run at (158,1) width 5: " "
+        RenderTextControl {INPUT} at (164,2) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
       RenderBlock {UL} at (0,77) size 784x20
         RenderListItem {LI} at (40,0) size 744x20
           RenderListMarker at (-18,0) size 7x19: bullet
           RenderText {#text} at (0,0) size 44x19
             text run at (0,0) width 44: "Passed"
-layer at (17,49) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
-layer at (162,49) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+layer at (17,49) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
+layer at (179,49) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
 caret: position 1 of child 2 {INPUT} of child 2 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt b/LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt
index 384ddde..4913a45 100644
--- a/LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt

@@ -28,9 +28,9 @@
             text run at (38,0) width 26: "\x{9}"
         RenderText {#text} at (64,0) size 39x19
           text run at (64,0) width 39: "<-Tab"
-layer at (10,66) size 151x34 clip at (11,67) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
-      RenderText {#text} at (0,0) size 77x14
-        text run at (0,0) width 77: "Tab->\x{9}<-Tab"
+layer at (10,66) size 168x34 clip at (11,67) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
+      RenderText {#text} at (0,0) size 82x14
+        text run at (0,0) width 82: "Tab->\x{9}<-Tab"
 caret: position 5 of child 2 {#text} of child 4 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/4895428-3-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/4895428-3-expected.txt
index 19b2486..2a37f87 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/4895428-3-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/4895428-3-expected.txt

@@ -17,11 +17,11 @@
           RenderText {#text} at (0,0) size 22x19
             text run at (0,0) width 22: "foo"
         RenderBlock (anonymous) at (0,20) size 784x25
-          RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+          RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderBlock {DIV} at (0,45) size 784x20
           RenderText {#text} at (0,0) size 23x19
             text run at (0,0) width 23: "baz"
-layer at (17,109) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+layer at (17,109) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
 selection start: position 0 of child 0 {#text} of child 0 {DIV} of child 2 {DIV} of body
 selection end:   position 3 of child 0 {#text} of child 2 {DIV} of child 2 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/caret-before-select-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/caret-before-select-expected.txt
index 09ce37e..83f3da0 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/caret-before-select-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/caret-before-select-expected.txt

@@ -4,10 +4,10 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {DIV} at (0,0) size 784x98 [border: (5px solid #FF0000)]
-        RenderMenuList {SELECT} at (39,39) size 53x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (6,3) size 41x14
-            RenderText at (0,0) size 21x14
-              text run at (0,0) width 21: "One"
-        RenderText {#text} at (94,38) size 27x19
-          text run at (94,38) width 27: "blaa"
+        RenderMenuList {SELECT} at (39,39) size 44x20 [color=#007AFF] [bgcolor=#EBF5FF]
+          RenderBlock (anonymous) at (5,3) size 34x14
+            RenderText at (0,0) size 23x14
+              text run at (0,0) width 23: "One"
+        RenderText {#text} at (85,38) size 27x19
+          text run at (85,38) width 27: "blaa"
 caret: position 0 of child 0 {SELECT} of child 0 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/drag-select-1-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/drag-select-1-expected.txt
index f4487b2..ef8fa8a 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/drag-select-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/drag-select-1-expected.txt

@@ -13,8 +13,8 @@
             text run at (0,1) width 66: "Start here."
         RenderText {#text} at (65,1) size 5x19
           text run at (65,1) width 5: " "
-        RenderTextControl {INPUT} at (71,2) size 139x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (71,2) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
       RenderBlock {UL} at (0,77) size 784x0
-layer at (86,49) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+layer at (86,49) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
 caret: position 0 of child 0 {#text} of child 0 {SPAN} of child 2 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-1-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-1-expected.txt
index 27d116a..7f9e8ec 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-1-expected.txt

@@ -15,11 +15,11 @@
         RenderTextControl {INPUT} at (0,2) size 59x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (58,7) size 5x19
           text run at (58,7) width 5: " "
-        RenderInline {SPAN} at (0,0) size 38x19
-          RenderText {#text} at (62,7) size 38x19
-            text run at (62,7) width 38: "world"
+        RenderInline {SPAN} at (0,0) size 39x19
+          RenderText {#text} at (62,7) size 39x19
+            text run at (62,7) width 39: "world"
         RenderText {#text} at (0,0) size 0x0
 layer at (17,126) size 41x20
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 34x20
-      text run at (0,0) width 34: "hello"
+    RenderText {#text} at (0,0) size 35x20
+      text run at (0,0) width 35: "hello"

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-2-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-2-expected.txt
index 0e56e1d..d6a92e1 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-2-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-2-expected.txt

@@ -15,11 +15,11 @@
         RenderTextControl {INPUT} at (0,2) size 59x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (58,7) size 5x19
           text run at (58,7) width 5: " "
-        RenderInline {SPAN} at (0,0) size 38x19
-          RenderText {#text} at (62,7) size 38x19
-            text run at (62,7) width 38: "world"
+        RenderInline {SPAN} at (0,0) size 39x19
+          RenderText {#text} at (62,7) size 39x19
+            text run at (62,7) width 39: "world"
         RenderText {#text} at (0,0) size 0x0
 layer at (17,126) size 41x20
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 34x20
-      text run at (0,0) width 34: "hello"
+    RenderText {#text} at (0,0) size 35x20
+      text run at (0,0) width 35: "hello"

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-3-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-3-expected.txt
index 6f29b09..d23cb46 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-3-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-3-expected.txt

@@ -21,5 +21,5 @@
         RenderText {#text} at (0,0) size 0x0
 layer at (53,126) size 41x20
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 39x20
-      text run at (0,0) width 39: "world"
+    RenderText {#text} at (0,0) size 40x20
+      text run at (0,0) width 40: "world"

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-4-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-4-expected.txt
index 80c1a9a..90a40a7 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-4-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-4-expected.txt

@@ -15,18 +15,18 @@
         RenderTextControl {INPUT} at (0,2) size 59x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (58,7) size 5x19
           text run at (58,7) width 5: " "
-        RenderInline {SPAN} at (0,0) size 38x19
-          RenderText {#text} at (62,7) size 38x19
-            text run at (62,7) width 38: "world"
-        RenderText {#text} at (99,7) size 5x19
-          text run at (99,7) width 5: " "
-        RenderTextControl {INPUT} at (103,2) size 60x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
+        RenderInline {SPAN} at (0,0) size 39x19
+          RenderText {#text} at (62,7) size 39x19
+            text run at (62,7) width 39: "world"
+        RenderText {#text} at (100,7) size 5x19
+          text run at (100,7) width 5: " "
+        RenderTextControl {INPUT} at (104,2) size 60x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (0,0) size 0x0
 layer at (17,126) size 41x20
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 34x20
-      text run at (0,0) width 34: "hello"
-layer at (121,126) size 41x20 backgroundClip at (121,126) size 40x20 clip at (121,126) size 40x20 scrollWidth 51
+    RenderText {#text} at (0,0) size 35x20
+      text run at (0,0) width 35: "hello"
+layer at (121,126) size 41x20 scrollWidth 52
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 52x20
-      text run at (0,0) width 52: "WebKit"
+    RenderText {#text} at (0,0) size 53x20
+      text run at (0,0) width 53: "WebKit"

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-5-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-5-expected.txt
index f99dc6b..eb076c1 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-5-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-across-readonly-input-5-expected.txt

@@ -15,18 +15,18 @@
         RenderTextControl {INPUT} at (0,2) size 59x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (58,7) size 5x19
           text run at (58,7) width 5: " "
-        RenderInline {SPAN} at (0,0) size 38x19
-          RenderText {#text} at (62,7) size 38x19
-            text run at (62,7) width 38: "world"
-        RenderText {#text} at (99,7) size 5x19
-          text run at (99,7) width 5: " "
-        RenderTextControl {INPUT} at (103,2) size 60x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
+        RenderInline {SPAN} at (0,0) size 39x19
+          RenderText {#text} at (62,7) size 39x19
+            text run at (62,7) width 39: "world"
+        RenderText {#text} at (100,7) size 5x19
+          text run at (100,7) width 5: " "
+        RenderTextControl {INPUT} at (104,2) size 60x30 [bgcolor=#FFFFFF] [border: (1px solid #BCBCBC)]
         RenderText {#text} at (0,0) size 0x0
 layer at (17,126) size 41x20
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 34x20
-      text run at (0,0) width 34: "hello"
-layer at (121,126) size 41x20 backgroundClip at (121,126) size 40x20 clip at (121,126) size 40x20 scrollWidth 51
+    RenderText {#text} at (0,0) size 35x20
+      text run at (0,0) width 35: "hello"
+layer at (121,126) size 41x20 scrollWidth 52
   RenderBlock {DIV} at (9,4) size 41x21
-    RenderText {#text} at (0,0) size 52x20
-      text run at (0,0) width 52: "WebKit"
+    RenderText {#text} at (0,0) size 53x20
+      text run at (0,0) width 53: "WebKit"

diff --git a/LayoutTests/platform/ios-wk2/editing/selection/select-from-textfield-outwards-expected.txt b/LayoutTests/platform/ios-wk2/editing/selection/select-from-textfield-outwards-expected.txt
index 0625f49..c34ad1b 100644
--- a/LayoutTests/platform/ios-wk2/editing/selection/select-from-textfield-outwards-expected.txt
+++ b/LayoutTests/platform/ios-wk2/editing/selection/select-from-textfield-outwards-expected.txt

@@ -23,7 +23,7 @@
           text run at (0,20) width 771: "nulla non nisi molestie accumsan. Etiam tellus urna, laoreet ac, laoreet non, suscipit sed, sapien. Phasellus vehicula, sem"
           text run at (0,40) width 569: "at posuere vehicula, augue nibh molestie nisl, nec ullamcorper lacus ante vulputate pede."
       RenderBlock (anonymous) at (0,150) size 784x91
-        RenderTextControl {INPUT} at (20,20) size 291x51 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (20,20) size 319x51 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,257) size 784x80
         RenderText {#text} at (0,0) size 772x79
@@ -31,7 +31,7 @@
           text run at (0,20) width 728: "Morbi sed sem. Donec dui nisi, ultrices non, pretium quis, hendrerit non, est. Donec tellus. Donec eget dui id eros"
           text run at (0,40) width 767: "pharetra rutrum. Suspendisse sodales lectus sit amet nulla. Morbi tortor arcu, convallis blandit, elementum eu, aliquet a,"
           text run at (0,60) width 39: "tellus."
-layer at (39,189) size 269x29
-  RenderBlock {DIV} at (11,11) size 269x29
-    RenderText {#text} at (0,0) size 199x29
-      text run at (0,0) width 199: "Lorem ipsum dolor"
+layer at (39,189) size 297x29
+  RenderBlock {DIV} at (11,11) size 297x29
+    RenderText {#text} at (0,0) size 192x29
+      text run at (0,0) width 192: "Lorem ipsum dolor"

diff --git a/LayoutTests/platform/ios-wk2/fast/block/basic/011-expected.txt b/LayoutTests/platform/ios-wk2/fast/block/basic/011-expected.txt
index e137b55..432fb4c 100644
--- a/LayoutTests/platform/ios-wk2/fast/block/basic/011-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/block/basic/011-expected.txt

@@ -23,12 +23,12 @@
                 RenderBlock {P} at (0,0) size 140x23
                   RenderText {#text} at (0,6) size 29x14
                     text run at (0,6) width 29: "bang "
-                  RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
+                  RenderBlock {INPUT} at (30,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03]
                   RenderText {#text} at (0,0) size 0x0
                 RenderBlock {P} at (0,23) size 140x23
                   RenderText {#text} at (0,6) size 47x14
                     text run at (0,6) width 47: "whimper "
-                  RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
+                  RenderBlock {INPUT} at (48,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03]
                   RenderText {#text} at (0,0) size 0x0
               RenderBlock (anonymous) at (10,66) size 140x0
                 RenderInline {FORM} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt b/LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt
index 42a03fd..0cc8854 100644
--- a/LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt

@@ -6,6 +6,6 @@
       RenderBlock {DIV} at (0,0) size 784x33554431
       RenderBlock {DIV} at (0,33554431) size 784x0
       RenderBlock {DIV} at (0,33554431) size 784x0
-layer at (10,10) size 151x33554431 backgroundClip at (10,10) size 151x33554422 clip at (11,11) size 149x33554421
-  RenderTextControl {TEXTAREA} at (2,2) size 151x33554429 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
+layer at (10,10) size 168x33554431 backgroundClip at (10,10) size 168x33554422 clip at (11,11) size 166x33554421
+  RenderTextControl {TEXTAREA} at (2,2) size 168x33554429 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14

diff --git a/LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt b/LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt
index e521a6c..abb8bc9 100644
--- a/LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt

@@ -29,32 +29,32 @@
             RenderBlock (floating) {SPAN} at (0,27) size 325x20 [color=#333333]
               RenderText {#text} at (0,2) size 67x16
                 text run at (0,2) width 67: "Your Name*"
-            RenderTextControl {INPUT} at (325,27) size 193x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderTextControl {INPUT} at (325,27) size 193x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
             RenderBlock (floating) {SPAN} at (0,50) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 119x16
                 text run at (0,2) width 119: "Your e-mail address*"
-            RenderTextControl {INPUT} at (325,50) size 193x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderTextControl {INPUT} at (325,50) size 193x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
             RenderBlock (floating) {SPAN} at (0,73) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 127x16
                 text run at (0,2) width 127: "Your degree program*"
-            RenderMenuList {SELECT} at (325,73) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 81x14
-                  text run at (0,0) width 81: "Program options"
+            RenderMenuList {SELECT} at (325,73) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 93x14
+                  text run at (0,0) width 93: "Program options"
             RenderBlock (floating) {SPAN} at (0,95) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 110x16
                 text run at (0,2) width 110: "Your year of study*"
-            RenderMenuList {SELECT} at (325,95) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 115x14
-                  text run at (0,0) width 115: "Years you've been here"
+            RenderMenuList {SELECT} at (325,95) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 130x14
+                  text run at (0,0) width 130: "Years you've been here"
             RenderBlock (floating) {SPAN} at (0,117) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 153x16
                 text run at (0,2) width 153: "Shakespeare classes taken"
-            RenderMenuList {SELECT} at (325,117) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 70x14
-                  text run at (0,0) width 70: "Number taken"
+            RenderMenuList {SELECT} at (325,117) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 79x14
+                  text run at (0,0) width 79: "Number taken"
             RenderBlock {P} at (0,151) size 560x21 [color=#333333]
               RenderText {#text} at (0,2) size 157x16
                 text run at (0,2) width 157: "* indicates a required field"
@@ -64,31 +64,31 @@
             RenderBlock (floating) {SPAN} at (0,223) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 323x16
                 text run at (0,2) width 323: "What percentage of your research time is spent online?"
-            RenderMenuList {SELECT} at (325,223) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 98x14
-                  text run at (0,0) width 98: "Percentages of time"
+            RenderMenuList {SELECT} at (325,223) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 113x14
+                  text run at (0,0) width 113: "Percentages of time"
             RenderBlock (floating) {SPAN} at (0,245) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 300x36
                 text run at (0,2) width 300: "What is holding you back from doing more research"
                 text run at (0,22) width 41: "online?"
-            RenderMenuList {SELECT} at (325,245) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 44x14
-                  text run at (0,0) width 44: "Reasons"
+            RenderMenuList {SELECT} at (325,245) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 48x14
+                  text run at (0,0) width 48: "Reasons"
             RenderBlock (floating) {SPAN} at (0,267) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 220x16
                 text run at (0,2) width 220: "Your research is primarily focused on:"
             RenderBlock {SPAN} at (325,267) size 180x23 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #FFFFFF00)]
+              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03]
               RenderText {#text} at (20,4) size 30x16
                 text run at (20,4) width 30: "Texts"
             RenderBlock {SPAN} at (325,289) size 180x23 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
+              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03]
               RenderText {#text} at (20,4) size 133x16
                 text run at (20,4) width 133: "Performance materials"
             RenderBlock {SPAN} at (325,311) size 180x23 [color=#333333]
-              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
+              RenderBlock {INPUT} at (2,3) size 16x16 [color=#000000] [bgcolor=#FFFFFF03]
               RenderText {#text} at (20,4) size 21x16
                 text run at (20,4) width 21: "n/a"
             RenderBlock {H2} at (0,358) size 560x18 [color=#333333]
@@ -100,11 +100,11 @@
             RenderBlock {SPAN} at (325,385) size 180x23 [color=#333333]
               RenderText {#text} at (0,4) size 19x16
                 text run at (0,4) width 19: "Yes"
-              RenderBlock {INPUT} at (20,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #FFFFFF00)]
+              RenderBlock {INPUT} at (20,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03]
               RenderText {#text} at (38,4) size 20x16
                 text run at (38,4) width 5: " "
                 text run at (42,4) width 16: "No"
-              RenderBlock {INPUT} at (59,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
+              RenderBlock {INPUT} at (59,3) size 17x16 [color=#000000] [bgcolor=#FFFFFF03]
               RenderText {#text} at (0,0) size 0x0
             RenderBlock {P} at (0,420) size 560x21 [color=#333333]
               RenderText {#text} at (0,2) size 378x16
@@ -112,17 +112,17 @@
             RenderBlock (floating) {SPAN} at (0,453) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 275x16
                 text run at (0,2) width 275: "Which area of the ISE did you find most useful?"
-            RenderMenuList {SELECT} at (325,453) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 94x14
-                  text run at (0,0) width 94: "Sections of the ISE"
+            RenderMenuList {SELECT} at (325,453) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 106x14
+                  text run at (0,0) width 106: "Sections of the ISE"
             RenderBlock (floating) {SPAN} at (0,475) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 251x16
                 text run at (0,2) width 251: "How did you find the navigation of the ISE?"
-            RenderMenuList {SELECT} at (325,475) size 180x21 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-              RenderBlock (anonymous) at (6,3) size 168x14
-                RenderText at (0,0) size 82x14
-                  text run at (0,0) width 82: "Level of difficulty"
+            RenderMenuList {SELECT} at (325,475) size 180x21 [color=#007AFF] [bgcolor=#EBF5FF]
+              RenderBlock (anonymous) at (5,3) size 170x14
+                RenderText at (0,0) size 98x14
+                  text run at (0,0) width 98: "Level of difficulty"
             RenderBlock (floating) {SPAN} at (0,497) size 325x21 [color=#333333]
               RenderText {#text} at (0,2) size 208x16
                 text run at (0,2) width 208: "Please describe your use of the ISE."
@@ -166,17 +166,17 @@
 layer at (452,326) size 180x14
   RenderBlock {DIV} at (6,3) size 181x15
 layer at (120,794) size 513x106 clip at (121,795) size 511x104
-  RenderTextControl {TEXTAREA} at (0,520) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,520) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 501x14
 layer at (120,1082) size 513x106 clip at (121,1083) size 511x104
-  RenderTextControl {TEXTAREA} at (0,808) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,808) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 501x14
 layer at (120,1213) size 513x106 clip at (121,1214) size 511x104
-  RenderTextControl {TEXTAREA} at (0,939) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,939) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 501x14
 layer at (120,1344) size 513x106 clip at (121,1345) size 511x104
-  RenderTextControl {TEXTAREA} at (0,1070) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,1070) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 501x14
 layer at (120,1522) size 513x106 clip at (121,1523) size 511x104
-  RenderTextControl {TEXTAREA} at (0,1248) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,1248) size 513x107 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 501x14

diff --git a/LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt b/LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt
index c1651a2..d06a61f 100644
--- a/LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt

@@ -5,8 +5,8 @@
     RenderBody {BODY} at (8,8) size 784x710
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0
-layer at (10,10) size 273x706 clip at (11,11) size 271x704
-  RenderTextControl {TEXTAREA} at (2,2) size 273x706 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 261x14
-      RenderText {#text} at (0,0) size 59x14
-        text run at (0,0) width 59: "Sample text"
+layer at (10,10) size 308x706 clip at (11,11) size 306x704
+  RenderTextControl {TEXTAREA} at (2,2) size 308x706 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 296x14
+      RenderText {#text} at (0,0) size 62x14
+        text run at (0,0) width 62: "Sample text"

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/basic-buttons-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/basic-buttons-expected.txt
index 952c5cf..aef1e40 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/basic-buttons-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/basic-buttons-expected.txt

@@ -4,164 +4,164 @@
   RenderBlock {HTML} at (0,0) size 800x300
     RenderBody {BODY} at (8,8) size 784x284
       RenderBlock (anonymous) at (0,0) size 784x80
-        RenderText {#text} at (0,0) size 547x19
-          text run at (0,0) width 547: "Tests for basic button rendering. Creates a table with seven columns and seven rows. "
-        RenderBR {BR} at (546,0) size 1x19
-        RenderText {#text} at (0,20) size 521x19
-          text run at (0,20) width 521: "Creates two different types of buttons, one with an image (a red dot) and another "
-        RenderBR {BR} at (520,20) size 1x19
-        RenderText {#text} at (0,40) size 660x19
-          text run at (0,40) width 660: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly. "
-        RenderBR {BR} at (659,40) size 1x19
+        RenderText {#text} at (0,0) size 543x19
+          text run at (0,0) width 543: "Tests for basic button rendering. Creates a table with seven columns and seven rows."
+        RenderBR {BR} at (542,0) size 1x19
+        RenderText {#text} at (0,20) size 517x19
+          text run at (0,20) width 517: "Creates two different types of buttons, one with an image (a red dot) and another"
+        RenderBR {BR} at (516,20) size 1x19
+        RenderText {#text} at (0,40) size 656x19
+          text run at (0,40) width 656: "with text (\"foo\") and then uses six different paddings to make sure each of the buttons render properly."
+        RenderBR {BR} at (655,40) size 1x19
         RenderBR {BR} at (0,60) size 0x19
-      RenderTable {TABLE} at (0,80) size 697x204
-        RenderTableSection {TBODY} at (0,0) size 697x204
-          RenderTableRow {TR} at (0,0) size 697x22
+      RenderTable {TABLE} at (0,80) size 696x204
+        RenderTableSection {TBODY} at (0,0) size 696x204
+          RenderTableRow {TR} at (0,0) size 696x22
             RenderTableCell {TD} at (0,0) size 170x22 [r=0 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 44x19
                 text run at (1,1) width 44: "styling"
             RenderTableCell {TD} at (170,0) size 61x22 [r=0 c=1 rs=1 cs=1]
               RenderText {#text} at (1,1) size 59x19
                 text run at (1,1) width 59: "<button>"
-            RenderTableCell {TD} at (231,0) size 161x22 [r=0 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,0) size 162x22 [r=0 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 159x19
                 text run at (1,1) width 159: "(offsetH,W) (clientH,W)"
-            RenderTableCell {TD} at (392,0) size 135x22 [r=0 c=3 rs=1 cs=1]
+            RenderTableCell {TD} at (391,0) size 135x22 [r=0 c=3 rs=1 cs=1]
               RenderText {#text} at (1,1) size 133x19
                 text run at (1,1) width 133: "<input type=button>"
-            RenderTableCell {TD} at (527,0) size 170x22 [r=0 c=4 rs=1 cs=1]
+            RenderTableCell {TD} at (525,0) size 171x22 [r=0 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 168x19
                 text run at (1,1) width 168: "(offsetH,W) (clientH, -W)"
-          RenderTableRow {TR} at (0,22) size 697x26
+          RenderTableRow {TR} at (0,22) size 696x26
             RenderTableCell {TD} at (0,24) size 170x22 [r=1 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 56x19
                 text run at (1,1) width 56: "(default)"
             RenderTableCell {TD} at (170,22) size 61x26 [r=1 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,24) size 161x22 [r=1 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,24) size 162x22 [r=1 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,22) size 135x26 [r=1 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,24) size 170x22 [r=1 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,22) size 135x26 [r=1 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,24) size 171x22 [r=1 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,48) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,48) size 696x26
             RenderTableCell {TD} at (0,50) size 170x22 [r=2 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 68x19
                 text run at (1,1) width 68: "padding: 0"
             RenderTableCell {TD} at (170,48) size 61x26 [r=2 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,50) size 161x22 [r=2 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,50) size 162x22 [r=2 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,48) size 135x26 [r=2 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,50) size 170x22 [r=2 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,48) size 135x26 [r=2 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,50) size 171x22 [r=2 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,74) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,74) size 696x26
             RenderTableCell {TD} at (0,76) size 170x22 [r=3 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 90x19
                 text run at (1,1) width 90: "padding: 10%"
             RenderTableCell {TD} at (170,74) size 61x26 [r=3 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,76) size 161x22 [r=3 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,76) size 162x22 [r=3 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,74) size 135x26 [r=3 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,76) size 170x22 [r=3 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,74) size 135x26 [r=3 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,76) size 171x22 [r=3 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,100) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,100) size 696x26
             RenderTableCell {TD} at (0,102) size 170x22 [r=4 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 84x19
                 text run at (1,1) width 84: "padding: 2px"
             RenderTableCell {TD} at (170,100) size 61x26 [r=4 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,102) size 161x22 [r=4 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,102) size 162x22 [r=4 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,100) size 135x26 [r=4 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,102) size 170x22 [r=4 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,100) size 135x26 [r=4 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,102) size 171x22 [r=4 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,126) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,126) size 696x26
             RenderTableCell {TD} at (0,128) size 170x22 [r=5 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 168x19
                 text run at (1,1) width 168: "padding: 2px 6px 3px 6px"
             RenderTableCell {TD} at (170,126) size 61x26 [r=5 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,128) size 161x22 [r=5 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,128) size 162x22 [r=5 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,126) size 135x26 [r=5 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,128) size 170x22 [r=5 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,126) size 135x26 [r=5 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,128) size 171x22 [r=5 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,152) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,152) size 696x26
             RenderTableCell {TD} at (0,154) size 170x22 [r=6 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 112x19
                 text run at (1,1) width 112: "padding: 3px 7px"
             RenderTableCell {TD} at (170,152) size 61x26 [r=6 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,154) size 161x22 [r=6 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,154) size 162x22 [r=6 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,152) size 135x26 [r=6 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,154) size 170x22 [r=6 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,152) size 135x26 [r=6 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,154) size 171x22 [r=6 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
-          RenderTableRow {TR} at (0,178) size 697x26
+                text run at (1,1) width 106: "(20, 39) (20, 39)"
+          RenderTableRow {TR} at (0,178) size 696x26
             RenderTableCell {TD} at (0,180) size 170x22 [r=7 c=0 rs=1 cs=1]
               RenderText {#text} at (1,1) size 92x19
                 text run at (1,1) width 92: "padding: 20px"
             RenderTableCell {TD} at (170,178) size 61x26 [r=7 c=1 rs=1 cs=1]
-              RenderButton {BUTTON} at (3,3) size 34x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 10x14
+              RenderButton {BUTTON} at (3,3) size 32x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 10x14
                   RenderImage {IMG} at (0,1) size 10x10
-            RenderTableCell {TD} at (231,180) size 161x22 [r=7 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (230,180) size 162x22 [r=7 c=2 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 24) (18, 22)"
-            RenderTableCell {TD} at (392,178) size 135x26 [r=7 c=3 rs=1 cs=1]
-              RenderButton {INPUT} at (3,3) size 40x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-                RenderBlock (anonymous) at (12,3) size 16x14
-                  RenderText at (0,0) size 16x14
-                    text run at (0,0) width 16: "foo"
-            RenderTableCell {TD} at (527,180) size 170x22 [r=7 c=4 rs=1 cs=1]
+                text run at (1,1) width 106: "(20, 32) (20, 32)"
+            RenderTableCell {TD} at (391,178) size 135x26 [r=7 c=3 rs=1 cs=1]
+              RenderButton {INPUT} at (3,3) size 39x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                RenderBlock (anonymous) at (11,3) size 17x14
+                  RenderText at (0,0) size 17x14
+                    text run at (0,0) width 17: "foo"
+            RenderTableCell {TD} at (525,180) size 171x22 [r=7 c=4 rs=1 cs=1]
               RenderText {#text} at (1,1) size 106x19
-                text run at (1,1) width 106: "(20, 39) (18, 37)"
+                text run at (1,1) width 106: "(20, 39) (20, 39)"

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-quirks-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-quirks-expected.txt
index 353087a..5c3667d 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-quirks-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-quirks-expected.txt

@@ -8,834 +8,847 @@
           RenderText {#text} at (0,-2) size 179x17
             text run at (0,-2) width 179: "Plain textarea with little content"
         RenderBlock {DIV} at (1,15) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 14: " B"
         RenderBlock (anonymous) at (1,58) size 350x14
           RenderText {#text} at (0,-2) size 77x17
             text run at (0,-2) width 77: "Plain textarea"
         RenderBlock {DIV} at (1,72) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 14: " B"
         RenderBlock (anonymous) at (1,115) size 350x14
           RenderText {#text} at (0,-2) size 98x17
             text run at (0,-2) width 98: "Disabled textarea"
         RenderBlock {DIV} at (1,129) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 14: " B"
         RenderBlock (anonymous) at (1,172) size 350x14
           RenderText {#text} at (0,-2) size 123x17
             text run at (0,-2) width 123: "style=\"padding:10px\""
         RenderBlock {DIV} at (1,186) size 352x59 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,42) size 13x17
-            text run at (1,42) width 13: "A "
-          RenderText {#text} at (183,42) size 14x17
-            text run at (183,42) width 14: " B"
+          RenderText {#text} at (1,42) size 14x17
+            text run at (1,42) width 14: "A "
+          RenderText {#text} at (195,42) size 14x17
+            text run at (195,42) width 14: " B"
         RenderBlock (anonymous) at (1,245) size 350x14
           RenderText {#text} at (0,-2) size 116x17
             text run at (0,-2) width 116: "style=\"padding:0px\""
         RenderBlock {DIV} at (1,259) size 352x39 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,22) size 13x17
-            text run at (1,22) width 13: "A "
-          RenderText {#text} at (163,22) size 14x17
-            text run at (163,22) width 14: " B"
+          RenderText {#text} at (1,22) size 14x17
+            text run at (1,22) width 14: "A "
+          RenderText {#text} at (175,22) size 14x17
+            text run at (175,22) width 14: " B"
         RenderBlock (anonymous) at (1,298) size 350x14
           RenderText {#text} at (0,-2) size 118x17
             text run at (0,-2) width 118: "style=\"margin:10px\""
         RenderBlock {DIV} at (1,312) size 352x59 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,42) size 13x17
-            text run at (1,42) width 13: "A "
-          RenderText {#text} at (183,42) size 14x17
-            text run at (183,42) width 14: " B"
+          RenderText {#text} at (1,42) size 14x17
+            text run at (1,42) width 14: "A "
+          RenderText {#text} at (202,42) size 14x17
+            text run at (202,42) width 14: " B"
         RenderBlock (anonymous) at (1,371) size 350x14
           RenderText {#text} at (0,-2) size 111x17
             text run at (0,-2) width 111: "style=\"margin:0px\""
         RenderBlock {DIV} at (1,385) size 352x39 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,22) size 13x17
-            text run at (1,22) width 13: "A "
-          RenderText {#text} at (163,22) size 14x17
-            text run at (163,22) width 14: " B"
+          RenderText {#text} at (1,22) size 14x17
+            text run at (1,22) width 14: "A "
+          RenderText {#text} at (182,22) size 14x17
+            text run at (182,22) width 14: " B"
         RenderBlock (anonymous) at (1,424) size 350x14
           RenderText {#text} at (0,-2) size 38x17
             text run at (0,-2) width 38: "cols=3"
         RenderBlock {DIV} at (1,438) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (63,26) size 14x17
-            text run at (63,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (67,26) size 14x17
+            text run at (67,26) width 14: " B"
         RenderBlock (anonymous) at (1,481) size 350x14
           RenderText {#text} at (0,-2) size 43x17
             text run at (0,-2) width 43: "rows=3"
         RenderBlock {DIV} at (1,495) size 352x57 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,40) size 13x17
-            text run at (1,40) width 13: "A "
-          RenderText {#text} at (167,40) size 14x17
-            text run at (167,40) width 14: " B"
+          RenderText {#text} at (1,40) size 14x17
+            text run at (1,40) width 14: "A "
+          RenderText {#text} at (186,40) size 14x17
+            text run at (186,40) width 14: " B"
         RenderBlock (anonymous) at (1,552) size 350x14
           RenderText {#text} at (0,-2) size 45x17
             text run at (0,-2) width 45: "cols=10"
         RenderBlock {DIV} at (1,566) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (106,26) size 14x17
-            text run at (106,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (116,26) size 14x17
+            text run at (116,26) width 14: " B"
         RenderBlock (anonymous) at (1,609) size 350x14
           RenderText {#text} at (0,-2) size 50x17
             text run at (0,-2) width 50: "rows=10"
         RenderBlock {DIV} at (1,623) size 352x155 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,138) size 13x17
-            text run at (1,138) width 13: "A "
-          RenderText {#text} at (167,138) size 14x17
-            text run at (167,138) width 14: " B"
+          RenderText {#text} at (1,138) size 14x17
+            text run at (1,138) width 14: "A "
+          RenderText {#text} at (186,138) size 14x17
+            text run at (186,138) width 14: " B"
         RenderBlock (anonymous) at (1,778) size 350x14
           RenderText {#text} at (0,-2) size 84x17
             text run at (0,-2) width 84: "cols=5 rows=4"
         RenderBlock {DIV} at (1,792) size 352x71 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,54) size 13x17
-            text run at (1,54) width 13: "A "
-          RenderText {#text} at (75,54) size 14x17
-            text run at (75,54) width 14: " B"
+          RenderText {#text} at (1,54) size 14x17
+            text run at (1,54) width 14: "A "
+          RenderText {#text} at (81,54) size 14x17
+            text run at (81,54) width 14: " B"
       RenderBlock (floating) {DIV} at (352,0) size 352x1073 [border: (1px solid #FF0000)]
         RenderBlock (anonymous) at (1,1) size 350x14
           RenderText {#text} at (0,-2) size 110x17
             text run at (0,-2) width 110: "style=\"width:60px\""
         RenderBlock {DIV} at (1,15) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (73,26) size 14x17
-            text run at (73,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (74,26) size 14x17
+            text run at (74,26) width 14: " B"
         RenderBlock (anonymous) at (1,58) size 350x14
           RenderText {#text} at (0,-2) size 191x17
             text run at (0,-2) width 191: "style=\"width:60px;padding:20px\""
         RenderBlock {DIV} at (1,72) size 352x79 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,62) size 13x17
-            text run at (1,62) width 13: "A "
-          RenderText {#text} at (73,62) size 14x17
-            text run at (73,62) width 14: " B"
+          RenderText {#text} at (1,62) size 14x17
+            text run at (1,62) width 14: "A "
+          RenderText {#text} at (74,62) size 14x17
+            text run at (74,62) width 14: " B"
         RenderBlock (anonymous) at (1,151) size 350x14
           RenderText {#text} at (0,-2) size 170x17
             text run at (0,-2) width 170: "style=\"width:60px;padding:0\""
         RenderBlock {DIV} at (1,165) size 352x39 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,22) size 13x17
-            text run at (1,22) width 13: "A "
-          RenderText {#text} at (73,22) size 14x17
-            text run at (73,22) width 14: " B"
+          RenderText {#text} at (1,22) size 14x17
+            text run at (1,22) width 14: "A "
+          RenderText {#text} at (74,22) size 14x17
+            text run at (74,22) width 14: " B"
         RenderBlock (anonymous) at (1,204) size 350x14
           RenderText {#text} at (0,-2) size 113x17
             text run at (0,-2) width 113: "style=\"height:60px\""
         RenderBlock {DIV} at (1,218) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (167,48) size 14x17
-            text run at (167,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (186,48) size 14x17
+            text run at (186,48) width 14: " B"
         RenderBlock (anonymous) at (1,283) size 350x14
           RenderText {#text} at (0,-2) size 181x17
             text run at (0,-2) width 181: "style=\"width:60px;height:60px\""
         RenderBlock {DIV} at (1,297) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,362) size 350x14
           RenderText {#text} at (0,-2) size 139x17
             text run at (0,-2) width 139: "style=\"overflow:hidden\""
         RenderBlock {DIV} at (1,376) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 14: " B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 14: " B"
         RenderBlock (anonymous) at (1,419) size 350x14
           RenderText {#text} at (0,-2) size 132x17
             text run at (0,-2) width 132: "style=\"overflow:scroll\""
         RenderBlock {DIV} at (1,433) size 352x58 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,41) size 13x17
-            text run at (1,41) width 13: "A "
-          RenderText {#text} at (167,41) size 14x17
-            text run at (167,41) width 14: " B"
+          RenderText {#text} at (1,41) size 14x17
+            text run at (1,41) width 14: "A "
+          RenderText {#text} at (186,41) size 14x17
+            text run at (186,41) width 14: " B"
         RenderBlock (anonymous) at (1,491) size 350x14
           RenderText {#text} at (0,-2) size 277x17
             text run at (0,-2) width 277: "style=\"overflow:hidden;width:60px;height:60px\""
         RenderBlock {DIV} at (1,505) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,570) size 350x14
           RenderText {#text} at (0,-2) size 270x17
             text run at (0,-2) width 270: "style=\"overflow:scroll;width:60px;height:60px\""
         RenderBlock {DIV} at (1,584) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,649) size 350x14
           RenderText {#text} at (0,-2) size 222x17
             text run at (0,-2) width 222: "cols=5 style=\"width:60px;height:60px\""
         RenderBlock {DIV} at (1,663) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,728) size 350x14
           RenderText {#text} at (0,-2) size 226x17
             text run at (0,-2) width 226: "rows=4 style=\"width:60px;height:60px\""
         RenderBlock {DIV} at (1,742) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,807) size 350x14
           RenderText {#text} at (0,-2) size 267x17
             text run at (0,-2) width 267: "cols=5 rows=4 style=\"width:60px;height:60px\""
         RenderBlock {DIV} at (1,821) size 352x65 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,48) size 13x17
-            text run at (1,48) width 13: "A "
-          RenderText {#text} at (73,48) size 14x17
-            text run at (73,48) width 14: " B"
+          RenderText {#text} at (1,48) size 14x17
+            text run at (1,48) width 14: "A "
+          RenderText {#text} at (74,48) size 14x17
+            text run at (74,48) width 14: " B"
         RenderBlock (anonymous) at (1,886) size 350x14
           RenderText {#text} at (0,-2) size 64x17
             text run at (0,-2) width 64: "wrap=\"off\""
         RenderBlock {DIV} at (1,900) size 352x58 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,41) size 13x17
-            text run at (1,41) width 13: "A "
-          RenderText {#text} at (167,41) size 14x17
-            text run at (167,41) width 5: " "
-            text run at (171,41) width 10: "B"
+          RenderText {#text} at (1,41) size 14x17
+            text run at (1,41) width 14: "A "
+          RenderText {#text} at (186,41) size 14x17
+            text run at (186,41) width 5: " "
+            text run at (190,41) width 10: "B"
         RenderBlock (anonymous) at (1,958) size 350x14
           RenderText {#text} at (0,-2) size 73x17
             text run at (0,-2) width 73: "wrap=\"hard\""
         RenderBlock {DIV} at (1,972) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 5: " "
-            text run at (171,26) width 10: "B"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 5: " "
+            text run at (190,26) width 10: "B"
         RenderBlock (anonymous) at (1,1015) size 350x14
           RenderText {#text} at (0,-2) size 69x17
             text run at (0,-2) width 69: "wrap=\"soft\""
         RenderBlock {DIV} at (1,1029) size 352x43 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,26) size 13x17
-            text run at (1,26) width 13: "A "
-          RenderText {#text} at (167,26) size 14x17
-            text run at (167,26) width 5: " "
-            text run at (171,26) width 10: "B"
-layer at (25,26) size 150x34 clip at (26,27) size 148x32
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 92x14
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-layer at (25,83) size 150x34 clip at (26,84) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (25,197) size 166x50 clip at (26,198) size 149x48 scrollHeight 76
-  RenderTextControl {TEXTAREA} at (15,3) size 167x50 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (11,11) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (25,270) size 146x30 clip at (26,271) size 129x28 scrollHeight 56
-  RenderTextControl {TEXTAREA} at (15,3) size 147x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (1,1) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (33,331) size 150x34 clip at (34,332) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (23,11) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (23,394) size 150x34 clip at (24,395) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (13,1) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (25,449) size 46x34 clip at (26,450) size 29x32 scrollHeight 368
-  RenderTextControl {TEXTAREA} at (15,3) size 47x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 25x364
-      RenderText {#text} at (3,0) size 19x364
-        text run at (3,0) width 16: "Lor"
-        text run at (3,14) width 16: "em"
-        text run at (18,14) width 4: " "
-        text run at (3,28) width 15: "ips"
-        text run at (3,42) width 16: "um"
-        text run at (18,42) width 4: " "
-        text run at (3,56) width 15: "dol"
-        text run at (3,70) width 10: "or"
-        text run at (12,70) width 4: " "
-        text run at (3,84) width 15: "AB"
-        text run at (3,98) width 16: "CD"
-        text run at (3,112) width 15: "EF"
-        text run at (3,126) width 17: "GH"
-        text run at (3,140) width 16: "IJK"
-        text run at (3,154) width 16: "LM"
-        text run at (3,168) width 17: "NO"
-        text run at (3,182) width 16: "PQ"
-        text run at (3,196) width 16: "RS"
-        text run at (3,210) width 15: "TU"
-        text run at (3,224) width 18: "VW"
-        text run at (3,238) width 15: "XY"
-        text run at (3,252) width 7: "Z"
-        text run at (9,252) width 4: " "
-        text run at (3,266) width 18: "abc"
-        text run at (3,280) width 16: "def"
-        text run at (3,294) width 18: "ghij"
-        text run at (3,308) width 18: "klm"
-        text run at (3,322) width 19: "nop"
-        text run at (3,336) width 19: "qrst"
-        text run at (3,350) width 12: "uv"
-        text run at (14,350) width 4: " "
-layer at (25,506) size 150x48 clip at (26,507) size 133x46 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,3) size 151x48 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (25,577) size 89x34 clip at (26,578) size 72x32 scrollHeight 116
-  RenderTextControl {TEXTAREA} at (15,3) size 90x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 68x112
-      RenderText {#text} at (3,0) size 62x112
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 4: " "
-        text run at (3,14) width 57: "ipsum dolor"
-        text run at (59,14) width 4: " "
-        text run at (3,28) width 62: "ABCDEFGH"
-        text run at (3,42) width 56: "IJKLMNOP"
-        text run at (3,56) width 57: "QRSTUVW"
-        text run at (3,70) width 22: "XYZ"
-        text run at (24,70) width 4: " "
-        text run at (3,84) width 59: "abcdefghijkl"
-        text run at (3,98) width 58: "mnopqrstuv"
-        text run at (60,98) width 4: " "
-layer at (25,634) size 150x146 clip at (26,635) size 148x144
-  RenderTextControl {TEXTAREA} at (15,3) size 151x146 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x56
-      RenderText {#text} at (3,0) size 133x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 133: "ABCDEFGHIJKLMNOPQR"
-        text run at (3,28) width 62: "STUVWXYZ"
-        text run at (64,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (25,803) size 58x62 clip at (26,804) size 41x60 scrollHeight 228
-  RenderTextControl {TEXTAREA} at (15,3) size 59x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 37x224
-      RenderText {#text} at (3,0) size 31x224
-        text run at (3,0) width 23: "Lore"
-        text run at (3,14) width 10: "m"
-        text run at (12,14) width 4: " "
-        text run at (3,28) width 30: "ipsum"
-        text run at (32,28) width 2: " "
-        text run at (3,42) width 25: "dolor"
+          RenderText {#text} at (1,26) size 14x17
+            text run at (1,26) width 14: "A "
+          RenderText {#text} at (186,26) size 14x17
+            text run at (186,26) width 5: " "
+            text run at (190,26) width 10: "B"
+layer at (26,26) size 168x34 clip at (27,27) size 166x32
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
+      RenderText {#text} at (0,0) size 98x14
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+layer at (26,83) size 168x34 clip at (27,84) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (26,197) size 177x50 clip at (27,198) size 160x48 scrollHeight 76
+  RenderTextControl {TEXTAREA} at (16,3) size 178x50 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (11,11) size 140x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (26,270) size 157x30 clip at (27,271) size 140x28 scrollHeight 56
+  RenderTextControl {TEXTAREA} at (16,3) size 158x30 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (1,1) size 140x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (34,331) size 168x34 clip at (35,332) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (24,11) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (24,394) size 168x34 clip at (25,395) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (14,1) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (26,449) size 49x34 clip at (27,450) size 32x32 scrollHeight 354
+  RenderTextControl {TEXTAREA} at (16,3) size 50x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 22x350
+      RenderText {#text} at (0,0) size 21x350
+        text run at (0,0) width 17: "Lor"
+        text run at (0,14) width 16: "em"
+        text run at (15,14) width 5: " "
+        text run at (0,28) width 16: "ips"
+        text run at (0,42) width 17: "um"
+        text run at (16,42) width 4: " "
+        text run at (0,56) width 17: "dol"
+        text run at (0,70) width 11: "or"
+        text run at (10,70) width 4: " "
+        text run at (0,84) width 15: "AB"
+        text run at (0,98) width 16: "CD"
+        text run at (0,112) width 13: "EF"
+        text run at (0,126) width 20: "GHI"
+        text run at (0,140) width 20: "JKL"
+        text run at (0,154) width 18: "MN"
+        text run at (0,168) width 16: "OP"
+        text run at (0,182) width 16: "QR"
+        text run at (0,196) width 15: "ST"
+        text run at (0,210) width 16: "UV"
+        text run at (0,224) width 19: "WX"
+        text run at (0,238) width 15: "YZ"
+        text run at (14,238) width 4: " "
+        text run at (0,252) width 20: "abc"
+        text run at (0,266) width 18: "def"
+        text run at (0,280) width 19: "ghij"
+        text run at (0,294) width 19: "klm"
+        text run at (0,308) width 20: "nop"
+        text run at (0,322) width 21: "qrst"
+        text run at (0,336) width 13: "uv"
+        text run at (12,336) width 4: " "
+layer at (26,506) size 168x48 clip at (27,507) size 151x46 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,3) size 169x48 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (26,577) size 98x34 clip at (27,578) size 81x32 scrollHeight 102
+  RenderTextControl {TEXTAREA} at (16,3) size 99x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 71x98
+      RenderText {#text} at (0,0) size 70x98
+        text run at (0,0) width 68: "Lorem ipsum"
+        text run at (67,0) width 3: " "
+        text run at (0,14) width 28: "dolor"
+        text run at (27,14) width 4: " "
+        text run at (0,28) width 70: "ABCDEFGHIJ"
+        text run at (0,42) width 63: "KLMNOPQR"
+        text run at (0,56) width 63: "STUVWXYZ"
+        text run at (62,56) width 4: " "
+        text run at (0,70) width 64: "abcdefghijkl"
+        text run at (0,84) width 63: "mnopqrstuv"
+        text run at (62,84) width 4: " "
+layer at (26,634) size 168x146 clip at (27,635) size 166x144
+  RenderTextControl {TEXTAREA} at (16,3) size 169x146 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x56
+      RenderText {#text} at (0,0) size 155x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 155: "ABCDEFGHIJKLMNOPQRSTU"
+        text run at (0,28) width 41: "VWXYZ"
+        text run at (40,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (26,803) size 63x62 clip at (27,804) size 46x60 scrollHeight 200
+  RenderTextControl {TEXTAREA} at (16,3) size 64x62 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 36x196
+      RenderText {#text} at (0,0) size 35x196
+        text run at (0,0) width 33: "Lorem"
+        text run at (32,0) width 3: " "
+        text run at (0,14) width 32: "ipsum"
+        text run at (31,14) width 4: " "
+        text run at (0,28) width 28: "dolor"
+        text run at (27,28) width 4: " "
+        text run at (0,42) width 31: "ABCD"
+        text run at (0,56) width 33: "EFGHI"
+        text run at (0,70) width 30: "JKLM"
+        text run at (0,84) width 33: "NOPQ"
+        text run at (0,98) width 30: "RSTU"
+        text run at (0,112) width 33: "VWXY"
+        text run at (0,126) width 8: "Z"
+        text run at (7,126) width 4: " "
+        text run at (0,140) width 33: "abcde"
+        text run at (0,154) width 32: "fghijkl"
+        text run at (0,168) width 30: "mnop"
+        text run at (0,182) width 34: "qrstuv"
+        text run at (33,182) width 2: " "
+layer at (376,26) size 60x34 clip at (377,27) size 43x32 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,3) size 61x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
         text run at (27,42) width 4: " "
-        text run at (3,56) width 31: "ABCD"
-        text run at (3,70) width 31: "EFGH"
-        text run at (3,84) width 23: "IJKL"
-        text run at (3,98) width 26: "MNO"
-        text run at (3,112) width 24: "PQR"
-        text run at (3,126) width 30: "STUV"
-        text run at (3,140) width 26: "WXY"
-        text run at (3,154) width 7: "Z"
-        text run at (9,154) width 4: " "
-        text run at (3,168) width 30: "abcde"
-        text run at (3,182) width 29: "fghijkl"
-        text run at (3,196) width 28: "mnop"
-        text run at (3,210) width 30: "qrstuv"
-        text run at (32,210) width 2: " "
-layer at (375,26) size 60x34 clip at (376,27) size 43x32 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,3) size 61x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (376,83) size 60x70 clip at (377,84) size 43x68 scrollHeight 992
+  RenderTextControl {TEXTAREA} at (14,3) size 61x70 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (21,21) size 3x952
+      RenderText {#text} at (0,0) size 11x952
+        text run at (0,0) width 7: "L"
+        text run at (0,14) width 7: "o"
+        text run at (0,28) width 5: "r"
+        text run at (0,42) width 7: "e"
+        text run at (0,56) width 10: "m"
+        text run at (0,70) width 3: " "
+        text run at (0,84) width 3: "i"
+        text run at (0,98) width 7: "p"
+        text run at (0,112) width 6: "s"
+        text run at (0,126) width 7: "u"
+        text run at (0,140) width 10: "m"
+        text run at (0,154) width 3: " "
+        text run at (0,168) width 7: "d"
+        text run at (0,182) width 7: "o"
+        text run at (0,196) width 3: "l"
+        text run at (0,210) width 7: "o"
+        text run at (0,224) width 5: "r"
+        text run at (0,238) width 3: " "
+        text run at (0,252) width 8: "A"
+        text run at (0,266) width 8: "B"
+        text run at (0,280) width 8: "C"
+        text run at (0,294) width 9: "D"
+        text run at (0,308) width 7: "E"
+        text run at (0,322) width 7: "F"
+        text run at (0,336) width 9: "G"
+        text run at (0,350) width 9: "H"
+        text run at (0,364) width 4: "I"
+        text run at (0,378) width 6: "J"
+        text run at (0,392) width 8: "K"
+        text run at (0,406) width 7: "L"
+        text run at (0,420) width 10: "M"
+        text run at (0,434) width 9: "N"
+        text run at (0,448) width 9: "O"
+        text run at (0,462) width 8: "P"
+        text run at (0,476) width 9: "Q"
+        text run at (0,490) width 8: "R"
+        text run at (0,504) width 8: "S"
+        text run at (0,518) width 8: "T"
+        text run at (0,532) width 9: "U"
+        text run at (0,546) width 8: "V"
+        text run at (0,560) width 11: "W"
+        text run at (0,574) width 8: "X"
+        text run at (0,588) width 8: "Y"
+        text run at (0,602) width 8: "Z"
+        text run at (0,616) width 3: " "
+        text run at (0,630) width 7: "a"
+        text run at (0,644) width 7: "b"
+        text run at (0,658) width 7: "c"
+        text run at (0,672) width 7: "d"
+        text run at (0,686) width 7: "e"
+        text run at (0,700) width 5: "f"
+        text run at (0,714) width 7: "g"
+        text run at (0,728) width 7: "h"
+        text run at (0,742) width 3: "i"
+        text run at (0,756) width 3: "j"
+        text run at (0,770) width 7: "k"
+        text run at (0,784) width 3: "l"
+        text run at (0,798) width 10: "m"
+        text run at (0,812) width 7: "n"
+        text run at (0,826) width 7: "o"
+        text run at (0,840) width 7: "p"
+        text run at (0,854) width 7: "q"
+        text run at (0,868) width 5: "r"
+        text run at (0,882) width 6: "s"
+        text run at (0,896) width 5: "t"
+        text run at (0,910) width 7: "u"
+        text run at (0,924) width 7: "v"
+        text run at (0,938) width 3: " "
+layer at (376,176) size 60x30 clip at (377,177) size 43x28 scrollHeight 168
+  RenderTextControl {TEXTAREA} at (14,3) size 61x30 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (1,1) size 43x168
+      RenderText {#text} at (0,0) size 43x168
+        text run at (0,0) width 33: "Lorem"
+        text run at (32,0) width 4: " "
+        text run at (0,14) width 32: "ipsum"
+        text run at (31,14) width 4: " "
+        text run at (0,28) width 28: "dolor"
         text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (375,83) size 60x70 clip at (376,84) size 43x68 scrollHeight 992
-  RenderTextControl {TEXTAREA} at (13,3) size 61x70 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (21,21) size 6x952
-      RenderText {#text} at (3,0) size 11x952
-        text run at (3,0) width 7: "L"
-        text run at (3,14) width 7: "o"
-        text run at (3,28) width 4: "r"
-        text run at (3,42) width 7: "e"
-        text run at (3,56) width 10: "m"
-        text run at (3,70) width 0: " "
-        text run at (3,84) width 3: "i"
-        text run at (3,98) width 7: "p"
-        text run at (3,112) width 6: "s"
-        text run at (3,126) width 7: "u"
-        text run at (3,140) width 10: "m"
-        text run at (3,154) width 0: " "
-        text run at (3,168) width 7: "d"
-        text run at (3,182) width 7: "o"
-        text run at (3,196) width 3: "l"
-        text run at (3,210) width 7: "o"
-        text run at (3,224) width 4: "r"
-        text run at (3,238) width 0: " "
-        text run at (3,252) width 8: "A"
-        text run at (3,266) width 8: "B"
-        text run at (3,280) width 8: "C"
-        text run at (3,294) width 8: "D"
-        text run at (3,308) width 8: "E"
-        text run at (3,322) width 7: "F"
-        text run at (3,336) width 9: "G"
-        text run at (3,350) width 8: "H"
-        text run at (3,364) width 4: "I"
-        text run at (3,378) width 6: "J"
-        text run at (3,392) width 8: "K"
-        text run at (3,406) width 7: "L"
-        text run at (3,420) width 10: "M"
-        text run at (3,434) width 8: "N"
-        text run at (3,448) width 9: "O"
-        text run at (3,462) width 8: "P"
-        text run at (3,476) width 9: "Q"
-        text run at (3,490) width 8: "R"
-        text run at (3,504) width 8: "S"
-        text run at (3,518) width 7: "T"
-        text run at (3,532) width 8: "U"
-        text run at (3,546) width 8: "V"
-        text run at (3,560) width 11: "W"
-        text run at (3,574) width 8: "X"
-        text run at (3,588) width 8: "Y"
-        text run at (3,602) width 7: "Z"
-        text run at (3,616) width 0: " "
-        text run at (3,630) width 7: "a"
-        text run at (3,644) width 7: "b"
-        text run at (3,658) width 6: "c"
-        text run at (3,672) width 7: "d"
-        text run at (3,686) width 7: "e"
-        text run at (3,700) width 4: "f"
-        text run at (3,714) width 7: "g"
-        text run at (3,728) width 7: "h"
-        text run at (3,742) width 3: "i"
-        text run at (3,756) width 3: "j"
-        text run at (3,770) width 6: "k"
-        text run at (3,784) width 3: "l"
-        text run at (3,798) width 10: "m"
-        text run at (3,812) width 7: "n"
-        text run at (3,826) width 7: "o"
-        text run at (3,840) width 7: "p"
-        text run at (3,854) width 7: "q"
-        text run at (3,868) width 4: "r"
-        text run at (3,882) width 6: "s"
-        text run at (3,896) width 4: "t"
-        text run at (3,910) width 7: "u"
-        text run at (3,924) width 6: "v"
-        text run at (3,938) width 0: " "
-layer at (375,176) size 60x30 clip at (376,177) size 43x28 scrollHeight 182
-  RenderTextControl {TEXTAREA} at (13,3) size 61x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (1,1) size 43x182
-      RenderText {#text} at (3,0) size 37x182
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 4: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
+        text run at (0,42) width 38: "ABCDE"
+        text run at (0,56) width 40: "FGHIJK"
+        text run at (0,70) width 40: "LMNOP"
+        text run at (0,84) width 39: "QRSTU"
+        text run at (0,98) width 41: "VWXYZ"
+        text run at (40,98) width 3: " "
+        text run at (0,112) width 43: "abcdefg"
+        text run at (0,126) width 38: "hijklmn"
+        text run at (0,140) width 41: "opqrstu"
+        text run at (0,154) width 7: "v"
+        text run at (6,154) width 4: " "
+layer at (378,227) size 168x60 clip at (379,228) size 151x58 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,1) size 169x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (376,306) size 60x60 clip at (377,307) size 43x58 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
+        text run at (27,42) width 4: " "
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (378,387) size 168x34 clip at (379,388) size 166x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x56
+      RenderText {#text} at (0,0) size 155x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 155: "ABCDEFGHIJKLMNOPQRSTU"
+        text run at (0,28) width 41: "VWXYZ"
+        text run at (40,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (378,444) size 168x49 clip at (379,445) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,3) size 169x49 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "
+layer at (376,514) size 60x60 clip at (377,515) size 58x58 scrollHeight 158
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 48x154
+      RenderText {#text} at (0,0) size 44x154
+        text run at (0,0) width 33: "Lorem"
+        text run at (32,0) width 4: " "
+        text run at (0,14) width 32: "ipsum"
+        text run at (31,14) width 4: " "
+        text run at (0,28) width 28: "dolor"
         text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 34: "EFGHI"
-        text run at (3,70) width 37: "JKLMN"
-        text run at (3,84) width 33: "OPQR"
-        text run at (3,98) width 30: "STUV"
-        text run at (3,112) width 32: "WXYZ"
-        text run at (34,112) width 4: " "
-        text run at (3,126) width 34: "abcdef"
-        text run at (3,140) width 35: "ghijklm"
-        text run at (3,154) width 37: "nopqrst"
-        text run at (3,168) width 12: "uv"
-        text run at (14,168) width 4: " "
-layer at (377,227) size 150x60 clip at (378,228) size 133x58 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,1) size 151x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (375,306) size 60x60 clip at (376,307) size 43x58 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (377,387) size 150x34 clip at (378,388) size 148x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x56
-      RenderText {#text} at (3,0) size 133x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 133: "ABCDEFGHIJKLMNOPQR"
-        text run at (3,28) width 62: "STUVWXYZ"
-        text run at (64,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (377,444) size 150x49 clip at (378,445) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,3) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
-layer at (375,514) size 60x60 clip at (376,515) size 58x58 scrollHeight 158
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 54x154
-      RenderText {#text} at (3,0) size 48x154
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 4: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 45: "ABCDEF"
-        text run at (3,56) width 48: "GHIJKLM"
-        text run at (3,70) width 48: "NOPQRS"
-        text run at (3,84) width 48: "TUVWXY"
-        text run at (3,98) width 7: "Z"
-        text run at (9,98) width 4: " "
-        text run at (3,112) width 48: "abcdefghi"
-        text run at (3,126) width 48: "jklmnopqr"
-        text run at (3,140) width 21: "stuv"
-        text run at (23,140) width 4: " "
-layer at (375,593) size 60x60 clip at (376,594) size 43x43 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (375,672) size 60x60 clip at (376,673) size 43x58 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (375,751) size 60x60 clip at (376,752) size 43x58 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (375,830) size 60x60 clip at (376,831) size 43x58 scrollHeight 200
-  RenderTextControl {TEXTAREA} at (13,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 39x196
-      RenderText {#text} at (3,0) size 33x196
-        text run at (3,0) width 32: "Lorem"
-        text run at (34,0) width 2: " "
-        text run at (3,14) width 30: "ipsum"
-        text run at (32,14) width 4: " "
-        text run at (3,28) width 25: "dolor"
-        text run at (27,28) width 4: " "
-        text run at (3,42) width 31: "ABCD"
-        text run at (3,56) width 31: "EFGH"
-        text run at (3,70) width 32: "IJKLM"
-        text run at (3,84) width 33: "NOPQ"
-        text run at (3,98) width 30: "RSTU"
-        text run at (3,112) width 33: "VWXY"
-        text run at (3,126) width 7: "Z"
-        text run at (9,126) width 4: " "
-        text run at (3,140) width 30: "abcde"
-        text run at (3,154) width 29: "fghijkl"
-        text run at (3,168) width 28: "mnop"
-        text run at (3,182) width 30: "qrstuv"
-        text run at (32,182) width 4: " "
-layer at (377,911) size 150x49 clip at (378,912) size 133x32 scrollWidth 173 scrollHeight 228
-  RenderTextControl {TEXTAREA} at (15,3) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x224
-      RenderText {#text} at (3,0) size 169x210
-        text run at (3,0) width 4: " "
-        text run at (6,0) width 1: " "
-        text run at (3,14) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,14) width 1: " "
-        text run at (3,28) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,28) width 1: " "
-        text run at (3,42) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,42) width 1: " "
-        text run at (3,56) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,56) width 1: " "
-        text run at (3,70) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,70) width 1: " "
-        text run at (3,84) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,84) width 1: " "
-        text run at (3,98) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,98) width 1: " "
-        text run at (3,112) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,112) width 1: " "
-        text run at (3,126) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,126) width 1: " "
-        text run at (3,140) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,140) width 1: " "
-        text run at (3,154) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,154) width 1: " "
-        text run at (3,168) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,168) width 1: " "
-        text run at (3,182) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,182) width 1: " "
-        text run at (3,196) width 169: "This is a text area with wrap=\"soft\""
-        text run at (171,196) width 1: " "
-      RenderBR {BR} at (3,210) size 0x14
-layer at (377,983) size 150x34 clip at (378,984) size 133x32 scrollHeight 424
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x420
-      RenderText {#text} at (3,0) size 113x406
-        text run at (3,0) width 4: " "
-        text run at (6,0) width 1: " "
-        text run at (3,14) width 110: "This is a text area with"
-        text run at (112,14) width 4: " "
-        text run at (3,28) width 56: "wrap=\"soft\""
-        text run at (58,28) width 1: " "
-        text run at (3,42) width 110: "This is a text area with"
-        text run at (112,42) width 4: " "
-        text run at (3,56) width 56: "wrap=\"soft\""
-        text run at (58,56) width 1: " "
-        text run at (3,70) width 110: "This is a text area with"
-        text run at (112,70) width 4: " "
-        text run at (3,84) width 56: "wrap=\"soft\""
-        text run at (58,84) width 1: " "
-        text run at (3,98) width 110: "This is a text area with"
-        text run at (112,98) width 4: " "
-        text run at (3,112) width 56: "wrap=\"soft\""
-        text run at (58,112) width 1: " "
-        text run at (3,126) width 110: "This is a text area with"
-        text run at (112,126) width 4: " "
-        text run at (3,140) width 56: "wrap=\"soft\""
-        text run at (58,140) width 1: " "
-        text run at (3,154) width 110: "This is a text area with"
-        text run at (112,154) width 4: " "
-        text run at (3,168) width 56: "wrap=\"soft\""
-        text run at (58,168) width 1: " "
-        text run at (3,182) width 110: "This is a text area with"
-        text run at (112,182) width 4: " "
-        text run at (3,196) width 56: "wrap=\"soft\""
-        text run at (58,196) width 1: " "
-        text run at (3,210) width 110: "This is a text area with"
-        text run at (112,210) width 4: " "
-        text run at (3,224) width 56: "wrap=\"soft\""
-        text run at (58,224) width 1: " "
-        text run at (3,238) width 110: "This is a text area with"
-        text run at (112,238) width 4: " "
-        text run at (3,252) width 56: "wrap=\"soft\""
-        text run at (58,252) width 1: " "
-        text run at (3,266) width 110: "This is a text area with"
-        text run at (112,266) width 4: " "
-        text run at (3,280) width 56: "wrap=\"soft\""
-        text run at (58,280) width 1: " "
-        text run at (3,294) width 110: "This is a text area with"
-        text run at (112,294) width 4: " "
-        text run at (3,308) width 56: "wrap=\"soft\""
-        text run at (58,308) width 1: " "
-        text run at (3,322) width 110: "This is a text area with"
-        text run at (112,322) width 4: " "
-        text run at (3,336) width 56: "wrap=\"soft\""
-        text run at (58,336) width 1: " "
-        text run at (3,350) width 110: "This is a text area with"
-        text run at (112,350) width 4: " "
-        text run at (3,364) width 56: "wrap=\"soft\""
-        text run at (58,364) width 1: " "
-        text run at (3,378) width 110: "This is a text area with"
-        text run at (112,378) width 4: " "
-        text run at (3,392) width 56: "wrap=\"soft\""
-        text run at (58,392) width 1: " "
-      RenderBR {BR} at (3,406) size 0x14
-layer at (377,1040) size 150x34 clip at (378,1041) size 133x32 scrollHeight 424
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x420
-      RenderText {#text} at (3,0) size 113x406
-        text run at (3,0) width 4: " "
-        text run at (6,0) width 1: " "
-        text run at (3,14) width 110: "This is a text area with"
-        text run at (112,14) width 4: " "
-        text run at (3,28) width 56: "wrap=\"soft\""
-        text run at (58,28) width 1: " "
-        text run at (3,42) width 110: "This is a text area with"
-        text run at (112,42) width 4: " "
-        text run at (3,56) width 56: "wrap=\"soft\""
-        text run at (58,56) width 1: " "
-        text run at (3,70) width 110: "This is a text area with"
-        text run at (112,70) width 4: " "
-        text run at (3,84) width 56: "wrap=\"soft\""
-        text run at (58,84) width 1: " "
-        text run at (3,98) width 110: "This is a text area with"
-        text run at (112,98) width 4: " "
-        text run at (3,112) width 56: "wrap=\"soft\""
-        text run at (58,112) width 1: " "
-        text run at (3,126) width 110: "This is a text area with"
-        text run at (112,126) width 4: " "
-        text run at (3,140) width 56: "wrap=\"soft\""
-        text run at (58,140) width 1: " "
-        text run at (3,154) width 110: "This is a text area with"
-        text run at (112,154) width 4: " "
-        text run at (3,168) width 56: "wrap=\"soft\""
-        text run at (58,168) width 1: " "
-        text run at (3,182) width 110: "This is a text area with"
-        text run at (112,182) width 4: " "
-        text run at (3,196) width 56: "wrap=\"soft\""
-        text run at (58,196) width 1: " "
-        text run at (3,210) width 110: "This is a text area with"
-        text run at (112,210) width 4: " "
-        text run at (3,224) width 56: "wrap=\"soft\""
-        text run at (58,224) width 1: " "
-        text run at (3,238) width 110: "This is a text area with"
-        text run at (112,238) width 4: " "
-        text run at (3,252) width 56: "wrap=\"soft\""
-        text run at (58,252) width 1: " "
-        text run at (3,266) width 110: "This is a text area with"
-        text run at (112,266) width 4: " "
-        text run at (3,280) width 56: "wrap=\"soft\""
-        text run at (58,280) width 1: " "
-        text run at (3,294) width 110: "This is a text area with"
-        text run at (112,294) width 4: " "
-        text run at (3,308) width 56: "wrap=\"soft\""
-        text run at (58,308) width 1: " "
-        text run at (3,322) width 110: "This is a text area with"
-        text run at (112,322) width 4: " "
-        text run at (3,336) width 56: "wrap=\"soft\""
-        text run at (58,336) width 1: " "
-        text run at (3,350) width 110: "This is a text area with"
-        text run at (112,350) width 4: " "
-        text run at (3,364) width 56: "wrap=\"soft\""
-        text run at (58,364) width 1: " "
-        text run at (3,378) width 110: "This is a text area with"
-        text run at (112,378) width 4: " "
-        text run at (3,392) width 56: "wrap=\"soft\""
-        text run at (58,392) width 1: " "
-      RenderBR {BR} at (3,406) size 0x14
-layer at (25,140) size 150x34 clip at (26,141) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (15,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56 [color=#545454]
-      RenderText {#text} at (3,0) size 119x56
-        text run at (3,0) width 92: "Lorem ipsum dolor"
-        text run at (94,0) width 4: " "
-        text run at (3,14) width 117: "ABCDEFGHIJKLMNOP"
-        text run at (3,28) width 78: "QRSTUVWXYZ"
-        text run at (80,28) width 4: " "
-        text run at (3,42) width 116: "abcdefghijklmnopqrstuv"
-        text run at (118,42) width 4: " "
+        text run at (0,42) width 44: "ABCDEF"
+        text run at (0,56) width 40: "GHIJKL"
+        text run at (0,70) width 43: "MNOPQ"
+        text run at (0,84) width 38: "RSTUV"
+        text run at (0,98) width 33: "WXYZ"
+        text run at (32,98) width 5: " "
+        text run at (0,112) width 43: "abcdefg"
+        text run at (0,126) width 44: "hijklmno"
+        text run at (0,140) width 41: "pqrstuv"
+        text run at (40,140) width 4: " "
+layer at (376,593) size 60x60 clip at (377,594) size 43x43 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
+        text run at (27,42) width 4: " "
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (376,672) size 60x60 clip at (377,673) size 43x58 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
+        text run at (27,42) width 4: " "
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (376,751) size 60x60 clip at (377,752) size 43x58 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
+        text run at (27,42) width 4: " "
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (376,830) size 60x60 clip at (377,831) size 43x58 scrollHeight 242
+  RenderTextControl {TEXTAREA} at (14,1) size 61x60 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 33x238
+      RenderText {#text} at (0,0) size 32x238
+        text run at (0,0) width 24: "Lore"
+        text run at (0,14) width 10: "m"
+        text run at (9,14) width 4: " "
+        text run at (0,28) width 32: "ipsum"
+        text run at (31,28) width 1: " "
+        text run at (0,42) width 28: "dolor"
+        text run at (27,42) width 4: " "
+        text run at (0,56) width 31: "ABCD"
+        text run at (0,70) width 30: "EFGH"
+        text run at (0,84) width 23: "IJKL"
+        text run at (0,98) width 27: "MNO"
+        text run at (0,112) width 30: "PQRS"
+        text run at (0,126) width 23: "TUV"
+        text run at (0,140) width 26: "WXY"
+        text run at (0,154) width 8: "Z"
+        text run at (7,154) width 4: " "
+        text run at (0,168) width 26: "abcd"
+        text run at (0,182) width 30: "efghij"
+        text run at (0,196) width 32: "klmno"
+        text run at (0,210) width 28: "pqrst"
+        text run at (0,224) width 13: "uv"
+        text run at (12,224) width 4: " "
+layer at (378,911) size 168x49 clip at (379,912) size 151x32 scrollWidth 190 scrollHeight 228
+  RenderTextControl {TEXTAREA} at (16,3) size 169x49 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x224
+      RenderText {#text} at (0,0) size 185x210
+        text run at (0,0) width 4: " "
+        text run at (3,0) width 1: " "
+        text run at (0,14) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,14) width 1: " "
+        text run at (0,28) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,28) width 1: " "
+        text run at (0,42) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,42) width 1: " "
+        text run at (0,56) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,56) width 1: " "
+        text run at (0,70) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,70) width 1: " "
+        text run at (0,84) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,84) width 1: " "
+        text run at (0,98) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,98) width 1: " "
+        text run at (0,112) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,112) width 1: " "
+        text run at (0,126) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,126) width 1: " "
+        text run at (0,140) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,140) width 1: " "
+        text run at (0,154) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,154) width 1: " "
+        text run at (0,168) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,168) width 1: " "
+        text run at (0,182) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,182) width 1: " "
+        text run at (0,196) width 185: "This is a text area with wrap=\"soft\""
+        text run at (184,196) width 1: " "
+      RenderBR {BR} at (0,210) size 0x14
+layer at (378,983) size 168x34 clip at (379,984) size 151x32 scrollHeight 424
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x420
+      RenderText {#text} at (0,0) size 121x406
+        text run at (0,0) width 4: " "
+        text run at (3,0) width 1: " "
+        text run at (0,14) width 118: "This is a text area with"
+        text run at (117,14) width 4: " "
+        text run at (0,28) width 64: "wrap=\"soft\""
+        text run at (63,28) width 1: " "
+        text run at (0,42) width 118: "This is a text area with"
+        text run at (117,42) width 4: " "
+        text run at (0,56) width 64: "wrap=\"soft\""
+        text run at (63,56) width 1: " "
+        text run at (0,70) width 118: "This is a text area with"
+        text run at (117,70) width 4: " "
+        text run at (0,84) width 64: "wrap=\"soft\""
+        text run at (63,84) width 1: " "
+        text run at (0,98) width 118: "This is a text area with"
+        text run at (117,98) width 4: " "
+        text run at (0,112) width 64: "wrap=\"soft\""
+        text run at (63,112) width 1: " "
+        text run at (0,126) width 118: "This is a text area with"
+        text run at (117,126) width 4: " "
+        text run at (0,140) width 64: "wrap=\"soft\""
+        text run at (63,140) width 1: " "
+        text run at (0,154) width 118: "This is a text area with"
+        text run at (117,154) width 4: " "
+        text run at (0,168) width 64: "wrap=\"soft\""
+        text run at (63,168) width 1: " "
+        text run at (0,182) width 118: "This is a text area with"
+        text run at (117,182) width 4: " "
+        text run at (0,196) width 64: "wrap=\"soft\""
+        text run at (63,196) width 1: " "
+        text run at (0,210) width 118: "This is a text area with"
+        text run at (117,210) width 4: " "
+        text run at (0,224) width 64: "wrap=\"soft\""
+        text run at (63,224) width 1: " "
+        text run at (0,238) width 118: "This is a text area with"
+        text run at (117,238) width 4: " "
+        text run at (0,252) width 64: "wrap=\"soft\""
+        text run at (63,252) width 1: " "
+        text run at (0,266) width 118: "This is a text area with"
+        text run at (117,266) width 4: " "
+        text run at (0,280) width 64: "wrap=\"soft\""
+        text run at (63,280) width 1: " "
+        text run at (0,294) width 118: "This is a text area with"
+        text run at (117,294) width 4: " "
+        text run at (0,308) width 64: "wrap=\"soft\""
+        text run at (63,308) width 1: " "
+        text run at (0,322) width 118: "This is a text area with"
+        text run at (117,322) width 4: " "
+        text run at (0,336) width 64: "wrap=\"soft\""
+        text run at (63,336) width 1: " "
+        text run at (0,350) width 118: "This is a text area with"
+        text run at (117,350) width 4: " "
+        text run at (0,364) width 64: "wrap=\"soft\""
+        text run at (63,364) width 1: " "
+        text run at (0,378) width 118: "This is a text area with"
+        text run at (117,378) width 4: " "
+        text run at (0,392) width 64: "wrap=\"soft\""
+        text run at (63,392) width 1: " "
+      RenderBR {BR} at (0,406) size 0x14
+layer at (378,1040) size 168x34 clip at (379,1041) size 151x32 scrollHeight 424
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x420
+      RenderText {#text} at (0,0) size 121x406
+        text run at (0,0) width 4: " "
+        text run at (3,0) width 1: " "
+        text run at (0,14) width 118: "This is a text area with"
+        text run at (117,14) width 4: " "
+        text run at (0,28) width 64: "wrap=\"soft\""
+        text run at (63,28) width 1: " "
+        text run at (0,42) width 118: "This is a text area with"
+        text run at (117,42) width 4: " "
+        text run at (0,56) width 64: "wrap=\"soft\""
+        text run at (63,56) width 1: " "
+        text run at (0,70) width 118: "This is a text area with"
+        text run at (117,70) width 4: " "
+        text run at (0,84) width 64: "wrap=\"soft\""
+        text run at (63,84) width 1: " "
+        text run at (0,98) width 118: "This is a text area with"
+        text run at (117,98) width 4: " "
+        text run at (0,112) width 64: "wrap=\"soft\""
+        text run at (63,112) width 1: " "
+        text run at (0,126) width 118: "This is a text area with"
+        text run at (117,126) width 4: " "
+        text run at (0,140) width 64: "wrap=\"soft\""
+        text run at (63,140) width 1: " "
+        text run at (0,154) width 118: "This is a text area with"
+        text run at (117,154) width 4: " "
+        text run at (0,168) width 64: "wrap=\"soft\""
+        text run at (63,168) width 1: " "
+        text run at (0,182) width 118: "This is a text area with"
+        text run at (117,182) width 4: " "
+        text run at (0,196) width 64: "wrap=\"soft\""
+        text run at (63,196) width 1: " "
+        text run at (0,210) width 118: "This is a text area with"
+        text run at (117,210) width 4: " "
+        text run at (0,224) width 64: "wrap=\"soft\""
+        text run at (63,224) width 1: " "
+        text run at (0,238) width 118: "This is a text area with"
+        text run at (117,238) width 4: " "
+        text run at (0,252) width 64: "wrap=\"soft\""
+        text run at (63,252) width 1: " "
+        text run at (0,266) width 118: "This is a text area with"
+        text run at (117,266) width 4: " "
+        text run at (0,280) width 64: "wrap=\"soft\""
+        text run at (63,280) width 1: " "
+        text run at (0,294) width 118: "This is a text area with"
+        text run at (117,294) width 4: " "
+        text run at (0,308) width 64: "wrap=\"soft\""
+        text run at (63,308) width 1: " "
+        text run at (0,322) width 118: "This is a text area with"
+        text run at (117,322) width 4: " "
+        text run at (0,336) width 64: "wrap=\"soft\""
+        text run at (63,336) width 1: " "
+        text run at (0,350) width 118: "This is a text area with"
+        text run at (117,350) width 4: " "
+        text run at (0,364) width 64: "wrap=\"soft\""
+        text run at (63,364) width 1: " "
+        text run at (0,378) width 118: "This is a text area with"
+        text run at (117,378) width 4: " "
+        text run at (0,392) width 64: "wrap=\"soft\""
+        text run at (63,392) width 1: " "
+      RenderBR {BR} at (0,406) size 0x14
+layer at (26,140) size 168x34 clip at (27,141) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (16,3) size 169x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56 [color=#545454]
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 98: "Lorem ipsum dolor"
+        text run at (97,0) width 4: " "
+        text run at (0,14) width 140: "ABCDEFGHIJKLMNOPQRS"
+        text run at (0,28) width 56: "TUVWXYZ"
+        text run at (55,28) width 4: " "
+        text run at (0,42) width 127: "abcdefghijklmnopqrstuv"
+        text run at (126,42) width 4: " "

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/datalist/input-appearance-range-with-datalist-rtl-expected-mismatch.html b/LayoutTests/platform/ios-wk2/fast/forms/datalist/input-appearance-range-with-datalist-rtl-expected-mismatch.html
new file mode 100644
index 0000000..4857fd6
--- /dev/null
+++ b/LayoutTests/platform/ios-wk2/fast/forms/datalist/input-appearance-range-with-datalist-rtl-expected-mismatch.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<style>
+#mask {
+    position: absolute;
+    left: 0px;
+    top: 18px;
+    background-color: #000000;
+    height: 30px;
+    width: 180px
+}
+</style>
+<body>
+<input type=range list=foo value="100" /><br>
+<input type=range list=foo value="90" /><br>
+<input type=range list=foo value="80" /><br>
+<input type=range list=foo value="70" /><br>
+<input type=range list=foo value="60" /><br>
+<input type=range list=foo value="50" /><br>
+<input type=range list=foo value="40" /><br>
+<input type=range list=foo value="30" /><br>
+<input type=range list=foo value="0" />
+<datalist id=foo>
+    <option>0</option>
+    <option>30</option>
+    <option>40</option>
+    <option>50</option>
+    <option>60</option>
+    <option>70</option>
+    <option>80</option>
+    <option>90</option>
+    <option>100</option>
+</datalist>
+<div id=mask></div>
+</body>
+</html>

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/input-appearance-preventDefault-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/input-appearance-preventDefault-expected.txt
index 29a984e..58bb39a 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/input-appearance-preventDefault-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/input-appearance-preventDefault-expected.txt

@@ -8,9 +8,9 @@
         text run at (0,20) width 682: "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 137x21
-  RenderTextControl {INPUT} at (12,52) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-layer at (19,55) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
-    RenderText {#text} at (0,0) size 118x14
-      text run at (0,0) width 118: "No caret should be here"
+layer at (12,52) size 155x21
+  RenderTextControl {INPUT} at (12,52) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+layer at (19,55) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
+    RenderText {#text} at (0,0) size 126x14
+      text run at (0,0) width 126: "No caret should be here"

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/input-text-click-outside-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/input-text-click-outside-expected.txt
index ea399bd..4536ec5 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/input-text-click-outside-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/input-text-click-outside-expected.txt

@@ -4,10 +4,10 @@
   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 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (27,27) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
       RenderBlock {P} at (0,91) size 784x40
         RenderText {#text} at (0,0) size 737x39
           text run at (0,0) width 737: "This test clicks outside an input element, and must not result in the element receiving focus. If the test succeeds the"
           text run at (0,20) width 240: "element should not have a focus ring."
-layer at (42,38) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+layer at (42,38) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/input-text-double-click-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/input-text-double-click-expected.txt
index 6a59c8c..8001087 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/input-text-double-click-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/input-text-double-click-expected.txt

@@ -4,12 +4,12 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x25
-        RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,41) size 784x20
         RenderText {#text} at (0,0) size 575x19
           text run at (0,0) width 575: "Tests double-clicking on a word. If the test succeeds, the word \"word\" should be selected."
-layer at (17,13) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
-    RenderText {#text} at (0,0) size 65x14
-      text run at (0,0) width 65: "word another"
+layer at (17,13) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
+    RenderText {#text} at (0,0) size 70x14
+      text run at (0,0) width 70: "word another"

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/input-text-drag-down-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/input-text-drag-down-expected.txt
index 14218ce..d13c472 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/input-text-drag-down-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/input-text-drag-down-expected.txt

@@ -4,12 +4,12 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x25
-        RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,41) size 784x20
         RenderText {#text} at (0,0) size 748x19
           text run at (0,0) width 748: "Tests drag-selecting down. If the test succeeds, the text from the center to the end of the text field should be selected."
-layer at (17,13) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
-    RenderText {#text} at (0,0) size 111x14
-      text run at (0,0) width 111: "This is a bunch of text."
+layer at (17,13) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
+    RenderText {#text} at (0,0) size 120x14
+      text run at (0,0) width 120: "This is a bunch of text."

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/input-text-option-delete-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/input-text-option-delete-expected.txt
index c5879a4..773a52a 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/input-text-option-delete-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/input-text-option-delete-expected.txt

@@ -4,13 +4,13 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock (anonymous) at (0,0) size 784x25
-        RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+        RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,41) size 784x20
         RenderText {#text} at (0,0) size 654x19
           text run at (0,0) width 654: "Tests option-deleting a word. If the test succeeds, the word \"word\" should end up with a space after it."
-layer at (17,13) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
-    RenderText {#text} at (0,0) size 65x14
-      text run at (0,0) width 65: "word another"
+layer at (17,13) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
+    RenderText {#text} at (0,0) size 70x14
+      text run at (0,0) width 70: "word another"
 caret: position 12 of child 0 {#text} of child 0 {DIV} of {#document-fragment} of child 0 {INPUT} of body

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/range/input-appearance-range-rtl-expected-mismatch.html b/LayoutTests/platform/ios-wk2/fast/forms/range/input-appearance-range-rtl-expected-mismatch.html
new file mode 100644
index 0000000..3854442
--- /dev/null
+++ b/LayoutTests/platform/ios-wk2/fast/forms/range/input-appearance-range-rtl-expected-mismatch.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div><input type=range value=100></div>
+<div><input type=range value=50></div>
+<div><input type=range value=0></div>
+<div><input type=range value=0></div>
+<div><input type=range value=0></div>
+<div><input type=range value=0></div>
+<div><input type=range value=0></div>
+<div><input type=range value=0></div>
+<div><input type=range style="-webkit-appearance:slider-vertical; height:140px;" value=80></div>
+</body>
+</html>

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/targeted-frame-submission-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/targeted-frame-submission-expected.txt
index 9feb659..8e29485 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/targeted-frame-submission-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/targeted-frame-submission-expected.txt

@@ -4,10 +4,10 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderBlock {FORM} at (0,0) size 784x24
-        RenderButton {INPUT} at (2,2) size 46x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (12,3) size 22x14
-            RenderText at (0,0) size 22x14
-              text run at (0,0) width 22: "form"
+        RenderButton {INPUT} at (2,2) size 49x20 [color=#FFFFFF] [bgcolor=#167AFF]
+          RenderBlock (anonymous) at (11,3) size 27x14
+            RenderText at (0,0) size 27x14
+              text run at (0,0) width 27: "form"
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,40) size 784x40
         RenderText {#text} at (0,0) size 778x39

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt
index 9b28abe..ee6912e0 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt

@@ -36,15 +36,15 @@
         RenderText {#text} at (0,40) size 125x19
           text run at (0,40) width 125: "Un-Styled Textarea"
         RenderBR {BR} at (124,40) size 1x19
-        RenderText {#text} at (155,83) size 4x19
-          text run at (155,83) width 4: " "
+        RenderText {#text} at (172,83) size 4x19
+          text run at (172,83) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderBR {BR} at (0,103) size 0x19
         RenderText {#text} at (0,123) size 216x19
           text run at (0,123) width 216: "Totally Blank Un-Styled Textarea"
         RenderBR {BR} at (215,123) size 1x19
-        RenderText {#text} at (155,166) size 4x19
-          text run at (155,166) width 4: " "
+        RenderText {#text} at (172,166) size 4x19
+          text run at (172,166) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderBR {BR} at (0,186) size 0x19
         RenderText {#text} at (0,206) size 212x19
@@ -59,20 +59,20 @@
         text run at (0,18) width 400: "Demo text here that wraps a bit and should demonstrate the"
         text run at (399,18) width 1: " "
         text run at (0,71) width 154: "goodness of line-height"
-layer at (10,850) size 151x34 clip at (11,851) size 134x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (2,62) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 124x56
-      RenderText {#text} at (0,0) size 114x56
-        text run at (0,0) width 97: "Demo text here that"
-        text run at (96,0) width 4: " "
-        text run at (0,14) width 111: "wraps a bit and should"
-        text run at (110,14) width 4: " "
-        text run at (0,28) width 80: "demonstrate the"
-        text run at (79,28) width 4: " "
-        text run at (0,42) width 114: "goodness of line-height"
-layer at (10,933) size 151x34 clip at (11,934) size 149x32
-  RenderTextControl {TEXTAREA} at (2,145) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
+layer at (10,850) size 168x34 clip at (11,851) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (2,62) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 140x56
+        text run at (0,0) width 139: "Demo text here that wraps"
+        text run at (138,0) width 2: " "
+        text run at (0,14) width 84: "a bit and should"
+        text run at (83,14) width 4: " "
+        text run at (0,28) width 87: "demonstrate the"
+        text run at (86,28) width 4: " "
+        text run at (0,42) width 125: "goodness of line-height"
+layer at (10,933) size 168x34 clip at (11,934) size 166x32
+  RenderTextControl {TEXTAREA} at (2,145) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
 layer at (8,1014) size 415x206 clip at (9,1015) size 413x204
   RenderTextControl {TEXTAREA} at (0,226) size 416x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
     RenderBlock {DIV} at (7,3) size 401x53

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt
index 4f19856..f0a2213 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt

@@ -7,36 +7,36 @@
         RenderText {#text} at (0,0) size 640x19
           text run at (0,0) width 640: "The following textarea elements should all be rendered on the left, with their text aligned to the left."
       RenderBlock (anonymous) at (0,36) size 784x157
-        RenderBR {BR} at (338,23) size 0x19
-        RenderBR {BR} at (338,61) size 0x19
-        RenderText {#text} at (338,99) size 4x19
-          text run at (338,99) width 4: " "
-        RenderBR {BR} at (342,99) size 0x19
+        RenderBR {BR} at (382,23) size 0x19
+        RenderBR {BR} at (382,61) size 0x19
+        RenderText {#text} at (382,99) size 4x19
+          text run at (382,99) width 4: " "
+        RenderBR {BR} at (386,99) size 0x19
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,193) size 784x38
-layer at (10,46) size 334x34 clip at (11,47) size 332x32
-  RenderTextControl {TEXTAREA} at (2,2) size 334x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x14
-      RenderText {#text} at (0,0) size 173x14
-        text run at (0,0) width 173: "This is should be aligned to the left."
-layer at (10,84) size 334x34 clip at (11,85) size 332x32
-  RenderTextControl {TEXTAREA} at (2,40) size 334x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x14
-      RenderText {#text} at (0,0) size 173x14
-        text run at (0,0) width 173: "This is should be aligned to the left."
-layer at (10,122) size 334x34 clip at (11,123) size 332x32
-  RenderTextControl {TEXTAREA} at (2,78) size 334x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x14
-      RenderText {#text} at (0,0) size 173x14
-        text run at (0,0) width 173: "This is should be aligned to the left."
-layer at (10,165) size 334x34 clip at (11,166) size 332x32
-  RenderTextControl {TEXTAREA} at (2,121) size 334x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x14
-      RenderText {#text} at (0,0) size 173x14
-        text run at (0,0) width 173: "This is should be aligned to the left."
-layer at (10,203) size 334x34 clip at (11,204) size 332x32
-  RenderTextControl {TEXTAREA} at (2,2) size 334x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x14
-      RenderText {#text} at (0,0) size 173x14
-        text run at (0,0) width 173: "This is should be aligned to the left."
+layer at (10,46) size 378x34 clip at (11,47) size 376x32
+  RenderTextControl {TEXTAREA} at (2,2) size 378x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x14
+      RenderText {#text} at (0,0) size 188x14
+        text run at (0,0) width 188: "This is should be aligned to the left."
+layer at (10,84) size 378x34 clip at (11,85) size 376x32
+  RenderTextControl {TEXTAREA} at (2,40) size 378x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x14
+      RenderText {#text} at (0,0) size 188x14
+        text run at (0,0) width 188: "This is should be aligned to the left."
+layer at (10,122) size 378x34 clip at (11,123) size 376x32
+  RenderTextControl {TEXTAREA} at (2,78) size 378x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x14
+      RenderText {#text} at (0,0) size 188x14
+        text run at (0,0) width 188: "This is should be aligned to the left."
+layer at (10,165) size 378x34 clip at (11,166) size 376x32
+  RenderTextControl {TEXTAREA} at (2,121) size 378x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x14
+      RenderText {#text} at (0,0) size 188x14
+        text run at (0,0) width 188: "This is should be aligned to the left."
+layer at (10,203) size 378x34 clip at (11,204) size 376x32
+  RenderTextControl {TEXTAREA} at (2,2) size 378x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x14
+      RenderText {#text} at (0,0) size 188x14
+        text run at (0,0) width 188: "This is should be aligned to the left."

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt
index 1ae89dd..1cb4ccb 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt

@@ -9,11 +9,11 @@
       RenderBlock {DIV} at (0,36) size 784x38
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-layer at (10,46) size 151x34 clip at (11,47) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
+layer at (10,46) size 168x34 clip at (11,47) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
       RenderBR {BR} at (0,0) size 0x14
-    RenderBlock {DIV} at (6,3) size 139x14 [color=#A9A9A9]
-      RenderText {#text} at (0,0) size 59x14
-        text run at (0,0) width 59: "Placeholder"
+    RenderBlock {DIV} at (6,3) size 156x14 [color=#A9A9A9]
+      RenderText {#text} at (0,0) size 62x14
+        text run at (0,0) width 62: "Placeholder"
 caret: position 0 of child 0 {BR} of child 0 {DIV} of {#document-fragment} of child 1 {TEXTAREA} of child 3 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt
index 5629184..7500edc 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt

@@ -9,10 +9,10 @@
       RenderBlock {DIV} at (0,36) size 784x38
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
-layer at (10,46) size 151x34 clip at (11,47) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
-    RenderBlock {DIV} at (6,3) size 139x14 [color=#A9A9A9]
-      RenderText {#text} at (0,0) size 59x14
-        text run at (0,0) width 59: "Placeholder"
+layer at (10,46) size 168x34 clip at (11,47) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
+    RenderBlock {DIV} at (6,3) size 156x14 [color=#A9A9A9]
+      RenderText {#text} at (0,0) size 62x14
+        text run at (0,0) width 62: "Placeholder"
 caret: position 0 of child 0 {DIV} of {#document-fragment} of child 1 {TEXTAREA} of child 3 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt
index fbad50e..a88d0d1 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt

@@ -8,46 +8,46 @@
       RenderText {#text} at (204,185) size 52x19
         text run at (204,185) width 52: "183 340"
 layer at (8,8) size 200x200 clip at (9,9) size 183x198 scrollHeight 340
-  RenderTextControl {TEXTAREA} at (0,0) size 200x200 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,0) size 200x200 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (6,3) size 173x336
-      RenderText {#text} at (0,0) size 76x322
-        text run at (0,0) width 76: "Lots of content."
-        text run at (75,0) width 1: " "
-        text run at (0,14) width 76: "Lots of content."
-        text run at (75,14) width 1: " "
-        text run at (0,28) width 76: "Lots of content."
-        text run at (75,28) width 1: " "
-        text run at (0,42) width 76: "Lots of content."
-        text run at (75,42) width 1: " "
+      RenderText {#text} at (0,0) size 83x322
+        text run at (0,0) width 83: "Lots of content."
+        text run at (82,0) width 1: " "
+        text run at (0,14) width 83: "Lots of content."
+        text run at (82,14) width 1: " "
+        text run at (0,28) width 83: "Lots of content."
+        text run at (82,28) width 1: " "
+        text run at (0,42) width 83: "Lots of content."
+        text run at (82,42) width 1: " "
         text run at (0,56) width 0: " "
-        text run at (0,70) width 76: "Lots of content."
-        text run at (75,70) width 1: " "
-        text run at (0,84) width 76: "Lots of content."
-        text run at (75,84) width 1: " "
+        text run at (0,70) width 83: "Lots of content."
+        text run at (82,70) width 1: " "
+        text run at (0,84) width 83: "Lots of content."
+        text run at (82,84) width 1: " "
         text run at (0,98) width 0: " "
-        text run at (0,112) width 76: "Lots of content."
-        text run at (75,112) width 1: " "
-        text run at (0,126) width 76: "Lots of content."
-        text run at (75,126) width 1: " "
+        text run at (0,112) width 83: "Lots of content."
+        text run at (82,112) width 1: " "
+        text run at (0,126) width 83: "Lots of content."
+        text run at (82,126) width 1: " "
         text run at (0,140) width 0: " "
-        text run at (0,154) width 76: "Lots of content."
-        text run at (75,154) width 1: " "
-        text run at (0,168) width 76: "Lots of content."
-        text run at (75,168) width 1: " "
+        text run at (0,154) width 83: "Lots of content."
+        text run at (82,154) width 1: " "
+        text run at (0,168) width 83: "Lots of content."
+        text run at (82,168) width 1: " "
         text run at (0,182) width 0: " "
-        text run at (0,196) width 76: "Lots of content."
-        text run at (75,196) width 1: " "
-        text run at (0,210) width 76: "Lots of content."
-        text run at (75,210) width 1: " "
+        text run at (0,196) width 83: "Lots of content."
+        text run at (82,196) width 1: " "
+        text run at (0,210) width 83: "Lots of content."
+        text run at (82,210) width 1: " "
         text run at (0,224) width 0: " "
-        text run at (0,238) width 76: "Lots of content."
-        text run at (75,238) width 1: " "
-        text run at (0,252) width 76: "Lots of content."
-        text run at (75,252) width 1: " "
+        text run at (0,238) width 83: "Lots of content."
+        text run at (82,238) width 1: " "
+        text run at (0,252) width 83: "Lots of content."
+        text run at (82,252) width 1: " "
         text run at (0,266) width 0: " "
-        text run at (0,280) width 76: "Lots of content."
-        text run at (75,280) width 1: " "
-        text run at (0,294) width 76: "Lots of content."
-        text run at (75,294) width 1: " "
+        text run at (0,280) width 83: "Lots of content."
+        text run at (82,280) width 1: " "
+        text run at (0,294) width 83: "Lots of content."
+        text run at (82,294) width 1: " "
         text run at (0,308) width 0: " "
       RenderBR {BR} at (0,322) size 0x14

diff --git a/LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt b/LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt
index df88054..17848e3 100644
--- a/LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt

@@ -4,8 +4,8 @@
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {#text} at (0,0) size 0x0
-layer at (10,10) size 151x34 clip at (11,11) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
-      RenderText {#text} at (0,0) size 60x14
-        text run at (0,0) width 60: "Test Passed"
+layer at (10,10) size 168x34 clip at (11,11) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
+      RenderText {#text} at (0,0) size 63x14
+        text run at (0,0) width 63: "Test Passed"

diff --git a/LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt b/LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt
index 97584f3..cf9cf68 100644
--- a/LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt

@@ -8,6 +8,6 @@
           text run at (0,0) width 476: "This test passes if the resize corner icon appears high-resolution in HiDPI."
       RenderBlock (anonymous) at (0,20) size 784x38
         RenderText {#text} at (0,0) size 0x0
-layer at (10,30) size 151x34 clip at (11,31) size 149x32
-  RenderTextControl {TEXTAREA} at (2,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 139x14
+layer at (10,30) size 168x34 clip at (11,31) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14

diff --git a/LayoutTests/platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt b/LayoutTests/platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt
index b9fb5e5..63e5a75 100644
--- a/LayoutTests/platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/overflow/scroll-nested-positioned-layer-in-overflow-expected.txt

@@ -12,8 +12,8 @@
         text run at (0,0) width 572: "This tests that we can scroll to reveal something in a nested positioned block in overflow."
     RenderBlock {DIV} at (0,20) size 572x800
     RenderBlock (anonymous) at (0,820) size 572x24
-      RenderButton {INPUT} at (2,2) size 196x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-        RenderBlock (anonymous) at (12,3) size 172x14
-          RenderText at (0,0) size 172x14
-            text run at (0,0) width 172: "If you can see this, test has passed"
+      RenderButton {INPUT} at (2,2) size 207x20 [color=#007AFF] [bgcolor=#EEEEEE]
+        RenderBlock (anonymous) at (11,3) size 185x14
+          RenderText at (0,0) size 185x14
+            text run at (0,0) width 185: "If you can see this, test has passed"
       RenderText {#text} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt b/LayoutTests/platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt
index cb3185e..ae9dc75 100644
--- a/LayoutTests/platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/overflow/scrollRevealButton-expected.txt

@@ -30,10 +30,10 @@
               RenderBlock {DIV} at (0,20) size 135x500
               RenderBlock (anonymous) at (0,520) size 135x44
                 RenderBR {BR} at (0,0) size 0x19
-                RenderButton {INPUT} at (2,22) size 56x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-                  RenderBlock (anonymous) at (12,3) size 32x14
-                    RenderText at (0,0) size 32x14
-                      text run at (0,0) width 32: "Button"
+                RenderButton {INPUT} at (2,22) size 57x20 [color=#007AFF] [bgcolor=#EEEEEE]
+                  RenderBlock (anonymous) at (11,3) size 35x14
+                    RenderText at (0,0) size 35x14
+                      text run at (0,0) width 35: "Button"
                 RenderText {#text} at (0,0) size 0x0
               RenderBlock {DIV} at (0,564) size 135x300
         RenderText {#text} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/fast/parser/document-write-option-expected.txt b/LayoutTests/platform/ios-wk2/fast/parser/document-write-option-expected.txt
index e7e70d3..9c94929 100644
--- a/LayoutTests/platform/ios-wk2/fast/parser/document-write-option-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/parser/document-write-option-expected.txt

@@ -1,10 +1,10 @@
-layer at (0,0) size 1024x768
-  RenderView at (0,0) size 1024x768
-layer at (0,0) size 1024x768
-  RenderBlock {HTML} at (0,0) size 1024x768
-    RenderBody {BODY} at (8,8) size 1008x752
-      RenderMenuList {SELECT} at (2,2) size 296x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-        RenderBlock (anonymous) at (6,3) size 284x14
-          RenderText at (0,0) size 264x14
-            text run at (0,0) width 264: "This is a very long string so it makes the select bigger."
+layer at (0,0) size 800x600
+  RenderView 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
+      RenderMenuList {SELECT} at (2,2) size 324x20 [color=#007AFF] [bgcolor=#EBF5FF]
+        RenderBlock (anonymous) at (5,3) size 314x14
+          RenderText at (0,0) size 303x14
+            text run at (0,0) width 303: "This is a very long string so it makes the select bigger."
       RenderText {#text} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/fast/parser/entity-comment-in-textarea-expected.txt b/LayoutTests/platform/ios-wk2/fast/parser/entity-comment-in-textarea-expected.txt
index a9a8ebf..268e5b6 100644
--- a/LayoutTests/platform/ios-wk2/fast/parser/entity-comment-in-textarea-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/parser/entity-comment-in-textarea-expected.txt

@@ -1,12 +1,12 @@
-layer at (0,0) size 1024x768
-  RenderView at (0,0) size 1024x768
-layer at (0,0) size 1024x768
-  RenderBlock {HTML} at (0,0) size 1024x768
-    RenderBody {BODY} at (8,8) size 1008x752
-      RenderText {#text} at (154,23) size 255x19
-        text run at (154,23) width 255: " --> This should be outside the textarea."
-layer at (10,10) size 150x34 clip at (11,11) size 148x32
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 17x14
-        text run at (3,0) width 17: "<!--"
+layer at (0,0) size 800x600
+  RenderView 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
+      RenderText {#text} at (172,23) size 255x19
+        text run at (172,23) width 255: " --> This should be outside the textarea."
+layer at (10,10) size 168x34 clip at (11,11) size 166x32
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 156x14
+      RenderText {#text} at (0,0) size 21x14
+        text run at (0,0) width 21: "<!--"

diff --git a/LayoutTests/platform/ios-wk2/fast/parser/open-comment-in-textarea-expected.txt b/LayoutTests/platform/ios-wk2/fast/parser/open-comment-in-textarea-expected.txt
index 2fd0693..b0396e6 100644
--- a/LayoutTests/platform/ios-wk2/fast/parser/open-comment-in-textarea-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/parser/open-comment-in-textarea-expected.txt

@@ -1,18 +1,18 @@
-layer at (0,0) size 1024x768
-  RenderView at (0,0) size 1024x768
-layer at (0,0) size 1024x768
-  RenderBlock {HTML} at (0,0) size 1024x768
-    RenderBody {BODY} at (8,8) size 1008x752
-      RenderText {#text} at (154,23) size 252x19
-        text run at (154,23) width 252: " This should not be part of the textarea."
-layer at (10,10) size 150x34 clip at (11,11) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 109x42
-        text run at (3,0) width 17: "<!--"
-        text run at (19,0) width 1: " "
-        text run at (3,14) width 106: "This should be part of"
-        text run at (108,14) width 4: " "
-        text run at (3,28) width 62: "the textarea."
-        text run at (64,28) width 1: " "
-      RenderBR {BR} at (3,42) size 0x14
+layer at (0,0) size 800x600
+  RenderView 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
+      RenderText {#text} at (172,23) size 252x19
+        text run at (172,23) width 252: " This should not be part of the textarea."
+layer at (10,10) size 168x34 clip at (11,11) size 151x32 scrollHeight 60
+  RenderTextControl {TEXTAREA} at (2,2) size 168x34 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 141x56
+      RenderText {#text} at (0,0) size 139x42
+        text run at (0,0) width 21: "<!--"
+        text run at (20,0) width 1: " "
+        text run at (0,14) width 136: "This should be part of the"
+        text run at (135,14) width 4: " "
+        text run at (0,28) width 47: "textarea."
+        text run at (46,28) width 1: " "
+      RenderBR {BR} at (0,42) size 0x14

diff --git a/LayoutTests/platform/ios-wk2/fast/repaint/placeholder-after-caps-lock-hidden-expected.txt b/LayoutTests/platform/ios-wk2/fast/repaint/placeholder-after-caps-lock-hidden-expected.txt
index 9404df6..8853146 100644
--- a/LayoutTests/platform/ios-wk2/fast/repaint/placeholder-after-caps-lock-hidden-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/repaint/placeholder-after-caps-lock-hidden-expected.txt

@@ -2,26 +2,25 @@
 
 
 (repaint rects
-  (rect 29 52.50 23 23)
-  (rect 32 55.50 17 17)
-  (rect 13.50 52.50 21.50 20)
-  (rect 16.50 57 15.50 14)
-  (rect 13.50 52.50 38.50 20)
-  (rect 16.50 57 32.50 14)
-  (rect 29 52.50 23 20)
-  (rect 32 57 17 14)
-  (rect 29 52.50 6 20)
-  (rect 13.50 51 38.50 23)
-  (rect 16.50 55.50 32.50 17)
-  (rect 13.50 51 38.50 20)
-  (rect 16.50 55.50 32.50 14)
-  (rect 13.50 52.50 38.50 23)
-  (rect 16.50 55.50 32.50 17)
-  (rect 13.50 54 38.50 20)
-  (rect 16.50 57 32.50 14)
-  (rect 13.50 54 21.50 20)
-  (rect 16.50 57 15.50 14)
-  (rect 13.50 54 38.50 20)
-  (rect 16.50 57 32.50 14)
+  (rect 33.50 52.50 23 23)
+  (rect 36.50 55.50 17 17)
+  (rect 13.50 52.50 26 20)
+  (rect 16.50 57 20 14)
+  (rect 13.50 52.50 43 20)
+  (rect 16.50 57 37 14)
+  (rect 33.50 52.50 23 20)
+  (rect 36.50 57 17 14)
+  (rect 13.50 51 43 23)
+  (rect 16.50 55.50 37 17)
+  (rect 13.50 51 43 20)
+  (rect 16.50 55.50 37 14)
+  (rect 13.50 52.50 43 23)
+  (rect 16.50 55.50 37 17)
+  (rect 13.50 54 43 20)
+  (rect 16.50 57 37 14)
+  (rect 13.50 54 26 20)
+  (rect 16.50 57 20 14)
+  (rect 13.50 54 43 20)
+  (rect 16.50 57 37 14)
 )
 

diff --git a/LayoutTests/platform/ios-wk2/fast/replaced/border-radius-clip-expected.txt b/LayoutTests/platform/ios-wk2/fast/replaced/border-radius-clip-expected.txt
index 963e1a3..11114f9 100644
--- a/LayoutTests/platform/ios-wk2/fast/replaced/border-radius-clip-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/replaced/border-radius-clip-expected.txt

@@ -5,15 +5,15 @@
     RenderBody {BODY} at (8,8) size 784x918
       RenderText {#text} at (0,0) size 466x19
         text run at (0,0) width 466: "All of the replaced elements below should be clipped to a border-radius. "
-      RenderBR {BR} at (0,0) size 0x0
+      RenderBR {BR} at (465,0) size 1x19
       RenderImage {IMG} at (0,20) size 100x100
       RenderText {#text} at (100,105) size 4x19
         text run at (100,105) width 4: " "
-      RenderBR {BR} at (0,0) size 0x0
+      RenderBR {BR} at (104,105) size 0x19
       RenderImage {INPUT} at (0,125) size 100x100
       RenderText {#text} at (100,210) size 4x19
         text run at (100,210) width 4: " "
-      RenderBR {BR} at (0,0) size 0x0
+      RenderBR {BR} at (104,210) size 0x19
       RenderIFrame {IFRAME} at (0,230) size 304x154 [border: (2px inset #000000)]
         layer at (0,0) size 300x150
           RenderView at (0,0) size 300x150
@@ -23,15 +23,11 @@
               RenderImage {IMG} at (0,0) size 100x100
       RenderText {#text} at (304,369) size 4x19
         text run at (304,369) width 4: " "
-      RenderBR {BR} at (0,0) size 0x0
+      RenderBR {BR} at (308,369) size 0x19
       RenderText {#text} at (300,524) size 4x19
         text run at (300,524) width 4: " "
-      RenderBR {BR} at (0,0) size 0x0
+      RenderBR {BR} at (304,524) size 0x19
       RenderEmbeddedObject {EMBED} at (0,544) size 556x406 [bgcolor=#00FF00] [border: (3px solid #000000)]
       RenderText {#text} at (0,0) size 0x0
 layer at (8,397) size 300x150
   RenderVideo {VIDEO} at (0,389) size 300x150
-layer at (8,397) size 300x150
-  RenderFlexibleBox {DIV} at (0,0) size 300x150
-layer at (122,436) size 72x72
-  RenderButton {BUTTON} at (114,39) size 72x72 [bgcolor=#FFFFFF02]

diff --git a/LayoutTests/platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt b/LayoutTests/platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt
index 1199f3d..9fe0f2d 100644
--- a/LayoutTests/platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/spatial-navigation/snav-multiple-select-focusring-expected.txt

@@ -3,9 +3,9 @@
 layer at (0,0) size 800x40
   RenderBlock {HTML} at (0,0) size 800x40
     RenderBody {BODY} at (8,8) size 784x24
-      RenderMenuList {SELECT} at (2,2) size 331x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-        RenderBlock (anonymous) at (5,3) size 321x14
-          RenderText at (0,0) size 37x14
-            text run at (0,0) width 37: "0 Items"
+      RenderMenuList {SELECT} at (2,2) size 383x20 [color=#007AFF] [bgcolor=#EBF5FF]
+        RenderBlock (anonymous) at (4,3) size 375x14
+          RenderText at (0,0) size 42x14
+            text run at (0,0) width 42: "0 Items"
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt b/LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt
index 707ca9cd..a133407 100644
--- a/LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt

@@ -34,7 +34,7 @@
           text run at (14,0) width 177 RTL: "\x{5D0}\x{5DB}\x{5DC}\x{5EA} \x{5E4}\x{5DC}\x{5E4}\x{5DC}? \x{5E9}\x{5EA}\x{5D4}"
           text run at (150,34) width 41 RTL: "\x{5DE}\x{5D9}\x{5E5}!"
 layer at (8,200) size 199x68 clip at (9,201) size 182x66 scrollHeight 72
-  RenderTextControl {TEXTAREA} at (0,22) size 199x68 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+  RenderTextControl {TEXTAREA} at (0,22) size 199x68 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderBlock {DIV} at (13,3) size 158x68
       RenderText {#text} at (28,0) size 130x65
         text run at (28,0) width 9 RTL: " "

diff --git a/LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt b/LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt
index 94a58c3..664750c 100644
--- a/LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt

@@ -9,43 +9,43 @@
             text run at (0,0) width 778: "In all four cases below, the exclamation mark should be on the left side of the first line and on the right side of the second"
             text run at (0,20) width 28: "line."
         RenderBlock {DIV} at (0,40) size 784x284
-          RenderBR {BR} at (338,51) size 0x19
-          RenderBR {BR} at (338,122) size 0x19
-          RenderBR {BR} at (338,193) size 0x19
+          RenderBR {BR} at (382,51) size 0x19
+          RenderBR {BR} at (382,122) size 0x19
+          RenderBR {BR} at (382,193) size 0x19
           RenderText {#text} at (0,0) size 0x0
-layer at (10,50) size 334x62 clip at (11,51) size 332x60
-  RenderTextControl {TEXTAREA} at (2,2) size 334x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x43
-      RenderText {#text} at (295,0) size 321x29
-        text run at (295,0) width 1 RTL: " "
-        text run at (295,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (0,15) width 27: "hello!"
-        text run at (26,15) width 1: " "
-      RenderBR {BR} at (321,29) size 0x14
-layer at (10,121) size 334x62 clip at (11,122) size 332x60
-  RenderTextControl {TEXTAREA} at (2,73) size 334x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x43
-      RenderText {#text} at (295,0) size 321x29
-        text run at (295,0) width 1 RTL: " "
-        text run at (295,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (0,15) width 27: "hello!"
-        text run at (26,15) width 1: " "
+layer at (10,50) size 378x62 clip at (11,51) size 376x60
+  RenderTextControl {TEXTAREA} at (2,2) size 378x62 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x43
+      RenderText {#text} at (339,0) size 365x29
+        text run at (339,0) width 1 RTL: " "
+        text run at (339,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
+        text run at (0,15) width 29: "hello!"
+        text run at (28,15) width 1: " "
+      RenderBR {BR} at (365,29) size 0x14
+layer at (10,121) size 378x62 clip at (11,122) size 376x60
+  RenderTextControl {TEXTAREA} at (2,73) size 378x62 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x43
+      RenderText {#text} at (339,0) size 365x29
+        text run at (339,0) width 1 RTL: " "
+        text run at (339,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
+        text run at (0,15) width 29: "hello!"
+        text run at (28,15) width 1: " "
       RenderBR {BR} at (0,29) size 0x14
-layer at (10,192) size 334x62 clip at (11,193) size 332x60
-  RenderTextControl {TEXTAREA} at (2,144) size 334x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x43
-      RenderText {#text} at (295,0) size 321x29
-        text run at (295,0) width 1 RTL: " "
-        text run at (295,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (0,15) width 27: "hello!"
-        text run at (26,15) width 1: " "
+layer at (10,192) size 378x62 clip at (11,193) size 376x60
+  RenderTextControl {TEXTAREA} at (2,144) size 378x62 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x43
+      RenderText {#text} at (339,0) size 365x29
+        text run at (339,0) width 1 RTL: " "
+        text run at (339,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
+        text run at (0,15) width 29: "hello!"
+        text run at (28,15) width 1: " "
       RenderBR {BR} at (0,29) size 0x14
-layer at (10,263) size 334x62 clip at (11,264) size 332x60
-  RenderTextControl {TEXTAREA} at (2,215) size 334x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (6,3) size 322x43
-      RenderText {#text} at (295,0) size 321x29
-        text run at (295,0) width 1 RTL: " "
-        text run at (295,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (0,15) width 27: "hello!"
-        text run at (26,15) width 1: " "
-      RenderBR {BR} at (321,29) size 0x14
+layer at (10,263) size 378x62 clip at (11,264) size 376x60
+  RenderTextControl {TEXTAREA} at (2,215) size 378x62 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
+    RenderBlock {DIV} at (6,3) size 366x43
+      RenderText {#text} at (339,0) size 365x29
+        text run at (339,0) width 1 RTL: " "
+        text run at (339,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
+        text run at (0,15) width 29: "hello!"
+        text run at (28,15) width 1: " "
+      RenderBR {BR} at (365,29) size 0x14

diff --git a/LayoutTests/platform/ios-wk2/fast/transforms/transformed-focused-text-input-expected.txt b/LayoutTests/platform/ios-wk2/fast/transforms/transformed-focused-text-input-expected.txt
index 9497b81..b6f8187 100644
--- a/LayoutTests/platform/ios-wk2/fast/transforms/transformed-focused-text-input-expected.txt
+++ b/LayoutTests/platform/ios-wk2/fast/transforms/transformed-focused-text-input-expected.txt

@@ -5,8 +5,8 @@
     RenderBody {BODY} at (8,8) size 784x584
 layer at (8,8) size 784x25
   RenderBlock {DIV} at (0,0) size 784x25
-    RenderTextControl {INPUT} at (2,2) size 138x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderTextControl {INPUT} at (2,2) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #D9D9D9)]
     RenderText {#text} at (0,0) size 0x0
-layer at (17,13) size 124x14
-  RenderBlock {DIV} at (6,3) size 125x15
+layer at (17,13) size 141x14
+  RenderBlock {DIV} at (6,3) size 143x15
 caret: position 0 of child 0 {DIV} of {#document-fragment} of child 1 {INPUT} of child 1 {DIV} of body

diff --git a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/radiobutton-min-size-expected.txt b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/radiobutton-min-size-expected.txt
index a372d4b..3d1950f 100644
--- a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/radiobutton-min-size-expected.txt
+++ b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-flexbox/radiobutton-min-size-expected.txt

@@ -4,5 +4,5 @@
 Text
 Text
 
-FAIL two radio button widths are identical assert_equals: width should be equal expected 2 but got 16
+FAIL two radio button widths are identical assert_equals: width should be equal expected 0 but got 16
 

diff --git a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-pseudo/file-chooser-button-display-toggle-crash.tentative-expected.txt b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-pseudo/file-chooser-button-display-toggle-crash.tentative-expected.txt
index 65ab362..77c47ee 100644
--- a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-pseudo/file-chooser-button-display-toggle-crash.tentative-expected.txt
+++ b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/css/css-pseudo/file-chooser-button-display-toggle-crash.tentative-expected.txt

@@ -3,10 +3,10 @@
 layer at (0,0) size 800x40
   RenderBlock {HTML} at (0,0) size 800x40
     RenderBody {BODY} at (8,8) size 784x24
-      RenderFileUploadControl {INPUT} at (2,2) size 233x20 "no file selected"
-        RenderButton {INPUT} at (0,0) size 83x20 [bgcolor=#FFFFFF03] [border: (1px solid #4C4C4C)]
-          RenderBlock (anonymous) at (12,3) size 59x14
-            RenderText at (0,0) size 59x14
-              text run at (0,0) width 59: "Choose File"
+      RenderFileUploadControl {INPUT} at (2,2) size 266x20 "no file selected"
+        RenderButton {INPUT} at (0,0) size 84x20 [color=#007AFF] [bgcolor=#EEEEEE]
+          RenderBlock (anonymous) at (11,3) size 62x14
+            RenderText at (0,0) size 62x14
+              text run at (0,0) width 62: "Choose File"
       RenderText {#text} at (0,0) size 0x0
       RenderText {#text} at (0,0) size 0x0

diff --git a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/baseline-alignment-and-overflow.tentative-expected.txt b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/baseline-alignment-and-overflow.tentative-expected.txt
index ac663f2..5c68b55 100644
--- a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/baseline-alignment-and-overflow.tentative-expected.txt
+++ b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/baseline-alignment-and-overflow.tentative-expected.txt

@@ -35,35 +35,35 @@
 PASS <input type="password" value="x" style="overflow: visible; appearance: none;">
 PASS <input type="password" value="x" style="overflow: hidden; appearance: none;">
 FAIL <input type="password" value="x" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 71
-FAIL <input type="date" value="2020-01-01" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
-FAIL <input type="date" value="2020-01-01" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
-FAIL <input type="date" value="2020-01-01" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 13
-FAIL <input type="date" value="2020-01-01" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 20
-FAIL <input type="date" value="2020-01-01" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 20
-FAIL <input type="date" value="2020-01-01" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 13
+PASS <input type="date" value="2020-01-01" style="overflow: visible; appearance: auto;">
+PASS <input type="date" value="2020-01-01" style="overflow: hidden; appearance: auto;">
+FAIL <input type="date" value="2020-01-01" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
+FAIL <input type="date" value="2020-01-01" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
+FAIL <input type="date" value="2020-01-01" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
+FAIL <input type="date" value="2020-01-01" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
 FAIL <input type="month" value="2020-01" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="month" value="2020-01" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="month" value="2020-01" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
 FAIL <input type="month" value="2020-01" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="month" value="2020-01" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="month" value="2020-01" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
-FAIL <input type="week" value="2020-W01" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
-FAIL <input type="week" value="2020-W01" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
+PASS <input type="week" value="2020-W01" style="overflow: visible; appearance: auto;">
+PASS <input type="week" value="2020-W01" style="overflow: hidden; appearance: auto;">
 FAIL <input type="week" value="2020-W01" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
 FAIL <input type="week" value="2020-W01" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="week" value="2020-W01" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="week" value="2020-W01" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
-FAIL <input type="time" value="00:00" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
-FAIL <input type="time" value="00:00" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
+PASS <input type="time" value="00:00" style="overflow: visible; appearance: auto;">
+PASS <input type="time" value="00:00" style="overflow: hidden; appearance: auto;">
 FAIL <input type="time" value="00:00" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
 FAIL <input type="time" value="00:00" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="time" value="00:00" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 27
 FAIL <input type="time" value="00:00" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 19
-FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 14
-FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 14
-FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 0
-FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 1
-FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 1
+FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 20
+FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 20
+FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 6
+FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 14
+FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 14
 FAIL <input type="datetime-local" value="2020-01-01T00:00" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 33 +/- 3 but got 0
 PASS <input type="number" value="0" style="overflow: visible; appearance: auto;">
 PASS <input type="number" value="0" style="overflow: hidden; appearance: auto;">
@@ -77,12 +77,12 @@
 FAIL <input type="range" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 71 +/- 3 but got 61
 FAIL <input type="range" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 71 +/- 3 but got 61
 FAIL <input type="range" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 71 +/- 3 but got 61
-FAIL <input type="color" value="#000000" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 50
-FAIL <input type="color" value="#000000" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 50
-FAIL <input type="color" value="#000000" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 71
-FAIL <input type="color" value="#000000" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 50
-FAIL <input type="color" value="#000000" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 50
-FAIL <input type="color" value="#000000" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 60 +/- 3 but got 71
+FAIL <input type="color" value="#000000" style="overflow: visible; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 51
+FAIL <input type="color" value="#000000" style="overflow: hidden; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 51
+FAIL <input type="color" value="#000000" style="overflow: scroll; appearance: auto;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 71
+FAIL <input type="color" value="#000000" style="overflow: visible; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 51
+FAIL <input type="color" value="#000000" style="overflow: hidden; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 51
+FAIL <input type="color" value="#000000" style="overflow: scroll; appearance: none;"> assert_approx_equals: <span>.offsetTop expected 61 +/- 3 but got 71
 PASS <input type="checkbox" style="overflow: visible; appearance: auto;">
 PASS <input type="checkbox" style="overflow: hidden; appearance: auto;">
 PASS <input type="checkbox" style="overflow: scroll; appearance: auto;">

diff --git a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/button-layout/abspos-expected.txt b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/button-layout/abspos-expected.txt
index ea8565a..5452ff72 100644
--- a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/button-layout/abspos-expected.txt
+++ b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/button-layout/abspos-expected.txt

@@ -1,5 +1,5 @@
 testtesttest
 
 FAIL abspos button with auto width, non-auto left/right (rtl) assert_equals: offsetLeft expected 656 but got 102
-FAIL abspos button with auto width, non-auto left/right (ltr) assert_equals: clientWidth expected 40 but got 594
+FAIL abspos button with auto width, non-auto left/right (ltr) assert_equals: clientWidth expected 42 but got 596
 

diff --git a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/select-wrap-no-spill.optional-expected.txt b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/select-wrap-no-spill.optional-expected.txt
index 6fbe43a..b9e4a88 100644
--- a/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/select-wrap-no-spill.optional-expected.txt
+++ b/LayoutTests/platform/ios-wk2/imported/w3c/web-platform-tests/html/rendering/widgets/select-wrap-no-spill.optional-expected.txt

@@ -1,5 +1,5 @@
 
 
 
-FAIL Selected OPTION label with white-space:pre-wrap should not spill out. assert_equals: expected 26 but got 120
+FAIL Selected OPTION label with white-space:pre-wrap should not spill out. assert_equals: expected 26 but got 118
commit	e6510d7c868d6dff26a8c93d1b9b3dc2af172872	[log] [tgz]
author	akeerthi@apple.com <akeerthi@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>	Fri Feb 19 19:44:03 2021 +0000
committer	akeerthi@apple.com <akeerthi@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>	Fri Feb 19 19:44:03 2021 +0000
tree	f17441dd266e8ee52ed177b191c3c9b03390f8bd
parent	c49577b610ba32ba0483d68e441c6b30af755d11 [diff]