[iOS] Caret x-position in empty text area does not match text field
authordbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 4 Mar 2019 21:07:19 +0000 (21:07 +0000)
committerdbates@webkit.org <dbates@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 4 Mar 2019 21:07:19 +0000 (21:07 +0000)
https://bugs.webkit.org/show_bug.cgi?id=195125
<rdar://problem/47161070>

Reviewed by Darin Adler.

Source/WebCore:

Fix up User Agent styles for <textarea> on iOS such that they have the same left padding
width and same text-indent as <input type="text">. This makes the x-position of the caret
in an empty textarea match the position of the caret in an empty text field.

Test: fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html

* css/html.css:
(textarea): For iOS Family, do not use the padding shorthand property. Instead explicitly specify
padding-top and padding-bottom to be 2px to keep our current behavior (because it looks reasonable)
and do not specify left and right padding so that we inherit the padding set earlier in this file.
(textarea::placeholder): Deleted. This was added to "try" to make fix up the position of the placeholder
text so as to match the position of the textarea's inner text and the position of a text field's inner
text. This fix up may have worked out visually when it was added, but based on the discovery of the
hardcoded 3px left and right padding (see below remark) it looks like it was always one pixel too short.
* html/HTMLTextAreaElement.cpp:
(WebCore::HTMLTextAreaElement::createInnerTextStyle): Remove hardcoded 3px left and right padding.

LayoutTests:

Update expected results due to changes in padding.

* TestExpectations: Remove some tests that are now passing.
* editing/selection/ios/show-selection-in-empty-overflow-hidden-document-expected.txt:
* editing/selection/ios/show-selection-in-empty-overflow-hidden-document.html:
* fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt: Added.
* fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html: Added.
* 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/pasteboard/pasting-tabs-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/dom/HTMLTextAreaElement/reset-textarea-expected.txt:
* platform/ios-wk2/fast/dynamic/008-expected.txt:
* platform/ios-wk2/fast/forms/basic-textareas-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-pseudo-style-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-scrollbar-expected.txt:
* platform/ios-wk2/fast/forms/textarea-scrolled-type-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/overflow-x-y-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/TestExpectations:
* platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt:
* platform/ios/fast/forms/form-element-geometry-expected.txt:
* platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt:
* platform/ios/fast/forms/negativeLineHeight-expected.txt:
* platform/ios/fast/forms/text-control-intrinsic-widths-expected.txt:
* platform/ios/fast/forms/textarea-width-expected.txt:
* platform/ios/fast/replaced/width100percent-textarea-expected.txt:
* platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt:
* platform/ios/tables/mozilla/bugs/bug194024-expected.txt:
* platform/ios/tables/mozilla/bugs/bug30559-expected.txt:
* platform/ios/tables/mozilla/bugs/bug30692-expected.txt:

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

42 files changed:
LayoutTests/ChangeLog
LayoutTests/TestExpectations
LayoutTests/editing/selection/ios/show-selection-in-empty-overflow-hidden-document-expected.txt
LayoutTests/editing/selection/ios/show-selection-in-empty-overflow-hidden-document.html
LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html [new file with mode: 0644]
LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt
LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt
LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt
LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt
LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt
LayoutTests/platform/ios-wk2/fast/dom/HTMLTextAreaElement/reset-textarea-expected.txt
LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-pseudo-style-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-scrollbar-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-scrolled-type-expected.txt
LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt
LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt
LayoutTests/platform/ios-wk2/fast/overflow/overflow-x-y-expected.txt
LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt
LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt
LayoutTests/platform/ios/TestExpectations
LayoutTests/platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt
LayoutTests/platform/ios/fast/forms/form-element-geometry-expected.txt
LayoutTests/platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt
LayoutTests/platform/ios/fast/forms/negativeLineHeight-expected.txt
LayoutTests/platform/ios/fast/forms/text-control-intrinsic-widths-expected.txt
LayoutTests/platform/ios/fast/forms/textarea-width-expected.txt
LayoutTests/platform/ios/fast/replaced/width100percent-textarea-expected.txt
LayoutTests/platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt
LayoutTests/platform/ios/tables/mozilla/bugs/bug194024-expected.txt
LayoutTests/platform/ios/tables/mozilla/bugs/bug30559-expected.txt
LayoutTests/platform/ios/tables/mozilla/bugs/bug30692-expected.txt
Source/WebCore/ChangeLog
Source/WebCore/css/html.css
Source/WebCore/html/HTMLTextAreaElement.cpp

index b53e93f..3b46cd2 100644 (file)
@@ -1,3 +1,52 @@
+2019-03-04  Daniel Bates  <dabates@apple.com>
+
+        [iOS] Caret x-position in empty text area does not match text field
+        https://bugs.webkit.org/show_bug.cgi?id=195125
+        <rdar://problem/47161070>
+
+        Reviewed by Darin Adler.
+
+        Update expected results due to changes in padding.
+
+        * TestExpectations: Remove some tests that are now passing.
+        * editing/selection/ios/show-selection-in-empty-overflow-hidden-document-expected.txt:
+        * editing/selection/ios/show-selection-in-empty-overflow-hidden-document.html:
+        * fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt: Added.
+        * fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html: Added.
+        * 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/pasteboard/pasting-tabs-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/dom/HTMLTextAreaElement/reset-textarea-expected.txt:
+        * platform/ios-wk2/fast/dynamic/008-expected.txt:
+        * platform/ios-wk2/fast/forms/basic-textareas-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-pseudo-style-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-scrollbar-expected.txt:
+        * platform/ios-wk2/fast/forms/textarea-scrolled-type-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/overflow-x-y-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/TestExpectations:
+        * platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt:
+        * platform/ios/fast/forms/form-element-geometry-expected.txt:
+        * platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt:
+        * platform/ios/fast/forms/negativeLineHeight-expected.txt:
+        * platform/ios/fast/forms/text-control-intrinsic-widths-expected.txt:
+        * platform/ios/fast/forms/textarea-width-expected.txt:
+        * platform/ios/fast/replaced/width100percent-textarea-expected.txt:
+        * platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt:
+        * platform/ios/tables/mozilla/bugs/bug194024-expected.txt:
+        * platform/ios/tables/mozilla/bugs/bug30559-expected.txt:
+        * platform/ios/tables/mozilla/bugs/bug30692-expected.txt:
+
 2019-03-03  Darin Adler  <darin@apple.com>
 
         Prepare to improve handling of conversion of float to strings
index 2297f5a..5ec033d 100644 (file)
@@ -23,6 +23,7 @@ editing/undo-manager [ Skip ]
 tiled-drawing [ Skip ]
 fast/css/watchos [ Skip ]
 fast/dom/Window/watchos [ Skip ]
+fast/forms/textarea/ios [ Skip ]
 fast/forms/watchos [ Skip ]
 fast/viewport/watchos [ Skip ]
 fast/visual-viewport/watchos [ Skip ]
index 7b82ebd..9ea2025 100644 (file)
@@ -2,9 +2,9 @@ Verifies that native selection UI is not suppressed when the document element ha
 
 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
 
-Caret view rect became {{ 8, 165 }, { 2, 14 }}
+Caret view rect became {{ 8, 165 }, { 3, 14 }}
 PASS document.activeElement.id is "editor"
-Caret view rect became {{ 18, 218 }, { 2, 14 }}
+Caret view rect became {{ 18, 218 }, { 3, 14 }}
 PASS document.activeElement.id is "frame"
 PASS frame.contentWindow.document.activeElement.id is "editor"
 PASS successfullyParsed is true
index 86c0edc..0ca06c8 100644 (file)
@@ -64,13 +64,13 @@ async function runTest() {
     caretViewRect = null;
 
     await UIHelper.activateAndWaitForInputSessionAt(160, 40);
-    await waitForCaretViewRectToBecome(8, 165, 2, 14);
+    await waitForCaretViewRectToBecome(8, 165, 3, 14);
     shouldBeEqualToString("document.activeElement.id", "editor");
 
     document.activeElement.blur();
     await UIHelper.waitForKeyboardToHide();
     await UIHelper.activateAndWaitForInputSessionAt(160, 120);
-    await waitForCaretViewRectToBecome(18, 218, 2, 14);
+    await waitForCaretViewRectToBecome(18, 218, 3, 14);
     shouldBeEqualToString("document.activeElement.id", "frame");
     shouldBeEqualToString("frame.contentWindow.document.activeElement.id", "editor");
 
diff --git a/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt b/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt
new file mode 100644 (file)
index 0000000..34a5803
--- /dev/null
@@ -0,0 +1,10 @@
+Tests that the x-coordinate of the caret in an empty textarea is identical to the x-coordinate of the caret in an empty text field.
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+PASS textAreaCaretRect.left is textFieldCaretRect.left
+PASS successfullyParsed is true
+
+TEST COMPLETE
+
diff --git a/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html b/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html
new file mode 100644 (file)
index 0000000..26a7332
--- /dev/null
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../../../../resources/js-test.js"></script>
+<script src="../../../../resources/ui-helper.js"></script>
+</head>
+<body>
+<div id="test-container"></div>
+<script>
+window.jsTestIsAsync = true;
+
+let textAreaCaretRect;
+let textFieldCaretRect;
+
+function createTextControlWithPlaceholder(tagName)
+{
+    let element = document.createElement(tagName);
+    element.placeholder = "placeholder";
+    return element;
+}
+
+function computeCaretRectForElement(element)
+{
+    return new Promise((resolved) => {
+        async function handleFocus() {
+            let caretRect = await UIHelper.getUICaretRect();
+            await UIHelper.deactivateFormControl(element);
+            resolved(caretRect);
+        }
+        element.addEventListener("focus", handleFocus, { once: true });
+        UIHelper.activateFormControl(element);
+    });
+}
+
+async function runTest()
+{
+    if (!window.testRunner) {
+        testFailed("Must be run in WebKitTestRunner.");
+        finishJSTest();
+        return;
+    }
+
+    let testContainer = document.getElementById("test-container");
+
+    // 1. Compute caret rect in empty textarea.
+    let textArea = createTextControlWithPlaceholder("textarea");
+    testContainer.appendChild(textArea);
+    textAreaCaretRect = await computeCaretRectForElement(textArea);
+    testContainer.removeChild(textArea);
+
+    // 2. Compute caret rect in empty text field.
+    let textField = createTextControlWithPlaceholder("input");
+    testContainer.appendChild(textField);
+    textFieldCaretRect = await computeCaretRectForElement(textField);
+    testContainer.removeChild(textField);
+
+    // 3. Compare
+    shouldBe("textAreaCaretRect.left", "textFieldCaretRect.left");
+
+    // 4. Clean up and finish test.
+    document.body.removeChild(testContainer);
+    finishJSTest();
+}
+
+description("Tests that the x-coordinate of the caret in an empty textarea is identical to the x-coordinate of the caret in an empty text field.");
+runTest();
+</script>
+</body>
+</html>
index 8520255..486eaeb 100644 (file)
@@ -9,71 +9,71 @@ layer at (0,0) size 800x191
       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 89x146 clip at (11,31) size 72x144 scrollHeight 452
-  RenderTextControl {TEXTAREA} at (2,2) size 89x146 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 68x448
-      RenderText {#text} at (3,0) size 13x434
-        text run at (3,0) width 13: "00"
-        text run at (15,0) width 1: " "
-        text run at (3,14) width 13: "01"
-        text run at (15,14) width 1: " "
-        text run at (3,28) width 13: "02"
-        text run at (15,28) width 1: " "
-        text run at (3,42) width 13: "03"
-        text run at (15,42) width 1: " "
-        text run at (3,56) width 13: "04"
-        text run at (15,56) width 1: " "
-        text run at (3,70) width 13: "05"
-        text run at (15,70) width 1: " "
-        text run at (3,84) width 13: "06"
-        text run at (15,84) width 1: " "
-        text run at (3,98) width 13: "07"
-        text run at (15,98) width 1: " "
-        text run at (3,112) width 13: "08"
-        text run at (15,112) width 1: " "
-        text run at (3,126) width 13: "09"
-        text run at (15,126) width 1: " "
-        text run at (3,140) width 13: "10"
-        text run at (15,140) width 1: " "
-        text run at (3,154) width 12: "11"
-        text run at (14,154) width 1: " "
-        text run at (3,168) width 13: "12"
-        text run at (15,168) width 1: " "
-        text run at (3,182) width 13: "13"
-        text run at (15,182) width 1: " "
-        text run at (3,196) width 13: "14"
-        text run at (15,196) width 1: " "
-        text run at (3,210) width 13: "15"
-        text run at (15,210) width 1: " "
-        text run at (3,224) width 13: "16"
-        text run at (15,224) width 1: " "
-        text run at (3,238) width 13: "17"
-        text run at (15,238) width 1: " "
-        text run at (3,252) width 13: "18"
-        text run at (15,252) width 1: " "
-        text run at (3,266) width 13: "19"
-        text run at (15,266) width 1: " "
-        text run at (3,280) width 13: "20"
-        text run at (15,280) width 1: " "
-        text run at (3,294) width 13: "21"
-        text run at (15,294) width 1: " "
-        text run at (3,308) width 13: "22"
-        text run at (15,308) width 1: " "
-        text run at (3,322) width 13: "23"
-        text run at (15,322) width 1: " "
-        text run at (3,336) width 13: "24"
-        text run at (15,336) width 1: " "
-        text run at (3,350) width 13: "25"
-        text run at (15,350) width 1: " "
-        text run at (3,364) width 13: "26"
-        text run at (15,364) width 1: " "
-        text run at (3,378) width 13: "27"
-        text run at (15,378) width 1: " "
-        text run at (3,392) width 13: "28"
-        text run at (15,392) width 1: " "
-        text run at (3,406) width 13: "29"
-        text run at (15,406) width 1: " "
-        text run at (3,420) width 13: "30"
-        text run at (15,420) width 1: " "
-      RenderBR {BR} at (3,434) size 0x14
+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: " "
+        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,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,182) width 13: "13"
+        text run at (12,182) width 1: " "
+        text run at (0,196) width 13: "14"
+        text run at (12,196) width 1: " "
+        text run at (0,210) width 13: "15"
+        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,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: " "
+      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
index 4314254..88fd0bf 100644 (file)
@@ -9,11 +9,11 @@ layer at (0,0) size 800x600
       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 150x34 clip at (11,47) size 148x32
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x28
-      RenderText {#text} at (3,0) size 0x14
-        text run at (3,0) width 0: " "
-      RenderText {#text} at (3,14) size 0x14
-        text run at (3,14) width 0: " "
+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
+      RenderText {#text} at (0,0) size 0x14
+        text run at (0,0) width 0: " "
+      RenderText {#text} at (0,14) size 0x14
+        text run at (0,14) width 0: " "
 caret: position 0 of child 1 {#text} of child 0 {DIV} of {#document-fragment} of child 2 {TEXTAREA} of body
index 4b0ed43..384ddde 100644 (file)
@@ -28,9 +28,9 @@ layer at (0,0) size 800x600
             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 150x34 clip at (11,67) 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 77x14
-        text run at (3,0) width 77: "Tab->\x{9}<-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"
 caret: position 5 of child 2 {#text} of child 4 {DIV} of body
index f95d72e..aa6edfe 100644 (file)
@@ -6,6 +6,6 @@ layer at (0,0) size 800x33554431
       RenderBlock {DIV} at (0,0) size 784x33554431
       RenderBlock {DIV} at (0,33554431) size 784x0
       RenderBlock {DIV} at (0,33554431) size 784x0
-layer at (10,11) size 150x33554431 backgroundClip at (10,11) size 150x33554421 clip at (11,12) size 148x33554420
-  RenderTextControl {TEXTAREA} at (2,3) size 150x33554428 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
+layer at (10,11) size 151x33554431 backgroundClip at (10,11) size 151x33554421 clip at (11,12) size 149x33554420
+  RenderTextControl {TEXTAREA} at (2,3) size 151x33554428 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
index c5ea949..d2d7314 100644 (file)
@@ -165,18 +165,18 @@ layer at (452,303) size 180x14
   RenderBlock {DIV} at (6,3) size 181x15
 layer at (452,326) size 180x14
   RenderBlock {DIV} at (6,3) size 181x15
-layer at (120,794) size 506x106 clip at (121,795) size 504x104
-  RenderTextControl {TEXTAREA} at (0,520) size 506x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 500x14
-layer at (120,1082) size 506x106 clip at (121,1083) size 504x104
-  RenderTextControl {TEXTAREA} at (0,808) size 506x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 500x14
-layer at (120,1213) size 506x106 clip at (121,1214) size 504x104
-  RenderTextControl {TEXTAREA} at (0,939) size 506x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 500x14
-layer at (120,1344) size 506x106 clip at (121,1345) size 504x104
-  RenderTextControl {TEXTAREA} at (0,1070) size 506x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 500x14
-layer at (120,1522) size 506x106 clip at (121,1523) size 504x104
-  RenderTextControl {TEXTAREA} at (0,1248) size 506x107 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 500x14
+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)]
+    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)]
+    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)]
+    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)]
+    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)]
+    RenderBlock {DIV} at (6,3) size 501x14
index 8e85b2e..d4e6d56 100644 (file)
@@ -4,11 +4,11 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x576
       RenderBlock {FORM} at (0,0) size 784x46
-        RenderText {#text} at (154,23) size 4x19
-          text run at (154,23) width 4: " "
-        RenderText {#text} at (312,23) size 4x19
-          text run at (312,23) width 4: " "
-        RenderButton {INPUT} at (318,24) size 53x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
+        RenderText {#text} at (155,23) size 4x19
+          text run at (155,23) width 4: " "
+        RenderText {#text} at (314,23) size 4x19
+          text run at (314,23) width 4: " "
+        RenderButton {INPUT} at (320,24) size 53x20 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
           RenderBlock (anonymous) at (12,3) size 29x14
             RenderText at (0,0) size 29x14
               text run at (0,0) width 29: "Reset"
@@ -25,11 +25,11 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (173,55) size 1x0
         RenderText {#text} at (0,60) size 176x19
           text run at (0,60) width 176: "hasDefaultText: SUCCESS"
-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
-layer at (168,10) size 150x34 clip at (169,11) size 148x32
-  RenderTextControl {TEXTAREA} at (160,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 59x14
-        text run at (3,0) width 59: "Default Text"
+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
+layer at (169,10) size 151x34 clip at (170,11) size 149x32
+  RenderTextControl {TEXTAREA} at (161,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
+      RenderText {#text} at (0,0) size 59x14
+        text run at (0,0) width 59: "Default Text"
index dbe76e9..c1651a2 100644 (file)
@@ -5,8 +5,8 @@ layer at (0,0) size 800x726
     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 272x706 clip at (11,11) size 270x704
-  RenderTextControl {TEXTAREA} at (2,2) size 272x706 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 266x14
-      RenderText {#text} at (3,0) size 59x14
-        text run at (3,0) width 59: "Sample text"
+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"
index c41ab6b..02c052f 100644 (file)
@@ -1,96 +1,96 @@
-layer at (0,0) size 800x1371
+layer at (0,0) size 800x1368
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1371
-  RenderBlock {HTML} at (0,0) size 800x1371
-    RenderBody {BODY} at (0,0) size 800x1371
-      RenderIFrame {IFRAME} at (0,0) size 800x702
-        layer at (0,0) size 800x702
-          RenderView at (0,0) size 800x702
-        layer at (0,0) size 800x702
-          RenderBlock {HTML} at (0,0) size 800x702
-            RenderBody {BODY} at (0,5) size 800x697
+layer at (0,0) size 800x1368
+  RenderBlock {HTML} at (0,0) size 800x1368
+    RenderBody {BODY} at (0,0) size 800x1368
+      RenderIFrame {IFRAME} at (0,0) size 800x699
+        layer at (0,0) size 800x699
+          RenderView at (0,0) size 800x699
+        layer at (0,0) size 800x699
+          RenderBlock {HTML} at (0,0) size 800x699
+            RenderBody {BODY} at (0,5) size 800x694
               RenderBlock {DIV} at (0,0) size 800x20
                 RenderText {#text} at (0,0) size 196x19
                   text run at (0,0) width 196: "CompatMode: CSS1Compat"
-              RenderBlock (anonymous) at (0,25) size 800x672
-                RenderBlock {DIV} at (0,31) size 156x59 [border: (1px solid #0000FF)]
+              RenderBlock (anonymous) at (0,25) size 800x669
+                RenderBlock {DIV} at (0,31) size 157x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,12) size 80x0
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (156,31) size 156x59 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,31) size 157x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 78x14
                       text run at (0,0) width 78: "disabled: \"true\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (312,0) size 172x90 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,0) size 166x90 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 79x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 79: "\"padding:10px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (484,20) size 152x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (480,20) size 146x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 73x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 73: "\"padding:0px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (0,125) size 172x90 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (626,0) size 173x90 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 74x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 74: "\"margin:10px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (172,145) size 152x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,145) size 153x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 68x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 68: "\"margin:0px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (324,141) size 82x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (153,141) size 82x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 68x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 68: "\"width:60px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (406,90) size 104x125 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (235,90) size 104x125 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 74x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 74: "padding:20px\","
                   RenderBR {BR} at (81,31) size 0x14
-                RenderBlock {DIV} at (510,130) size 82x85 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (339,130) size 82x85 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 63x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 56: "padding:0\","
                   RenderBR {BR} at (81,31) size 0x14
-                RenderBlock {DIV} at (592,113) size 156x102 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (421,113) size 157x102 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 71x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 71: "\"height:60px\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (0,230) size 82x117 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (578,98) size 82x117 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 66x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,31) size 0x14
-                RenderBlock {DIV} at (82,273) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,273) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 93x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 93: "\"overflow:hidden\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (238,258) size 156x89 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,258) size 157x89 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 87x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 87: "\"overflow:scroll\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (394,215) size 82x132 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,215) size 82x132 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 88x59
                       text run at (0,0) width 26: "style:"
@@ -98,7 +98,7 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 59: "width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,46) size 0x14
-                RenderBlock {DIV} at (476,215) size 82x132 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (396,215) size 82x132 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 82x59
                       text run at (0,0) width 26: "style:"
@@ -106,21 +106,21 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 59: "width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,46) size 0x14
-                RenderBlock {DIV} at (558,230) size 82x117 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (478,230) size 82x117 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 74x44
                       text run at (0,0) width 74: "cols: \"5\", style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,31) size 0x14
-                RenderBlock {DIV} at (640,230) size 82x117 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (560,230) size 82x117 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 78x44
                       text run at (0,0) width 78: "rows: \"4\", style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,31) size 0x14
-                RenderBlock {DIV} at (0,347) size 82x132 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (642,215) size 82x132 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 75x59
                       text run at (0,0) width 75: "cols: \"5\", rows:"
@@ -128,84 +128,84 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 63: "\"width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,46) size 0x14
-                RenderBlock {DIV} at (82,420) size 82x59 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,417) size 82x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 45x14
                       text run at (0,0) width 45: "cols: \"3\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (164,406) size 156x73 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (82,403) size 157x73 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"3\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (320,420) size 82x59 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (239,417) size 82x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 45x14
                       text run at (0,0) width 45: "cols: \"7\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (402,350) size 156x129 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (321,347) size 157x129 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"7\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (558,377) size 82x102 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (478,374) size 82x102 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 75x29
                       text run at (0,0) width 75: "cols: \"5\", rows:"
                       text run at (0,15) width 19: "\"4\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (640,405) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (560,402) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 57x14
                       text run at (0,0) width 57: "wrap: \"off\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (0,494) size 156x59 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,491) size 157x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 65x14
                       text run at (0,0) width 65: "wrap: \"hard\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (156,494) size 156x59 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,491) size 157x59 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 62x14
                       text run at (0,0) width 62: "wrap: \"soft\","
                   RenderBR {BR} at (81,1) size 0x14
-                RenderBlock {DIV} at (312,479) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,476) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 72x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 72: "space:normal\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (468,479) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (471,476) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 65x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 54: "space:pre\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (624,479) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (628,476) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 78x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 78: "space:prewrap\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (0,598) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,595) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 74x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 74: "space:nowrap\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (156,598) size 156x74 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,595) size 157x74 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 76x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 76: "space:pre-line\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (312,583) size 156x89 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,580) size 157x89 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 70x29
                       text run at (0,0) width 63: "style: \"word-"
                       text run at (0,15) width 70: "wrap:normal\","
                   RenderBR {BR} at (81,16) size 0x14
-                RenderBlock {DIV} at (468,553) size 156x119 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (471,550) size 157x119 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 65x59
                       text run at (0,0) width 57: "wrap: \"off\","
@@ -213,462 +213,443 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 50: "space:pre-"
                       text run at (0,45) width 32: "wrap\","
                   RenderBR {BR} at (81,46) size 0x14
-        layer at (3,79) size 150x34 clip at (4,80) size 148x32
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [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 (315,63) size 166x50 clip at (316,64) size 149x48 scrollHeight 76
-          RenderTextControl {TEXTAREA} at (3,33) size 166x50 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (11,11) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (487,83) size 146x30 clip at (488,84) size 129x28 scrollHeight 56
-          RenderTextControl {TEXTAREA} at (3,33) size 146x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (1,1) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (11,196) size 150x34 clip at (12,197) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (11,41) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (173,206) size 150x34 clip at (174,207) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (1,31) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (325,204) size 66x34 clip at (326,205) size 49x32 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,33) size 66x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (407,168) size 102x70 clip at (408,169) size 85x68 scrollHeight 222
+        layer at (3,79) size 151x34 clip at (4,80) size 149x32
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 92x14
+                text run at (0,0) width 92: "Lorem ipsum dolor"
+        layer at (317,63) size 160x50 clip at (318,64) size 143x48 scrollHeight 76
+          RenderTextControl {TEXTAREA} at (3,33) size 160x50 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (11,11) size 123x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (483,83) size 140x30 clip at (484,84) size 123x28 scrollHeight 56
+          RenderTextControl {TEXTAREA} at (3,33) size 140x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (1,1) size 123x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (637,71) size 151x34 clip at (638,72) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (11,41) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (1,206) size 151x34 clip at (2,207) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (1,31) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (154,204) size 73x34 clip at (155,205) size 56x32 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,33) size 73x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (236,168) size 102x70 clip at (237,169) size 85x68 scrollHeight 194
           RenderTextControl {TEXTAREA} at (1,48) size 102x70 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (21,21) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (511,208) size 62x30 clip at (512,209) size 45x28 scrollHeight 182
+            RenderBlock {DIV} at (21,21) size 45x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (340,208) size 62x30 clip at (341,209) size 45x28 scrollHeight 154
           RenderTextControl {TEXTAREA} at (1,48) size 62x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (1,1) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (595,174) size 150x66 clip at (596,175) size 148x64
-          RenderTextControl {TEXTAREA} at (3,31) size 150x66 [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 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (1,306) size 66x66 clip at (2,307) size 49x64 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,46) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (85,336) size 150x34 clip at (86,337) size 148x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [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 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (241,321) size 150x49 clip at (242,322) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (395,306) size 66x66 clip at (396,307) size 64x64 scrollHeight 144
-          RenderTextControl {TEXTAREA} at (1,61) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 60x140
-              RenderText {#text} at (3,0) size 54x140
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 54: "ABCDEFG"
-                text run at (3,56) width 48: "HIJKLMN"
-                text run at (3,70) width 47: "OPQRST"
-                text run at (3,84) width 48: "UVWXYZ"
-                text run at (50,84) width 4: " "
-                text run at (3,98) width 51: "abcdefghij"
-                text run at (3,112) width 54: "klmnopqrst"
-                text run at (3,126) width 12: "uv"
-        layer at (477,306) size 66x66 clip at (478,307) size 49x49 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,61) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (559,306) size 66x66 clip at (560,307) size 49x64 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,46) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (641,306) size 66x66 clip at (642,307) size 49x64 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,46) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (1,438) size 66x66 clip at (2,439) size 49x64 scrollHeight 186
-          RenderTextControl {TEXTAREA} at (1,61) size 66x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 45x182
-              RenderText {#text} at (3,0) size 38x182
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 32: "FGHIJ"
-                text run at (3,70) width 31: "KLMN"
-                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"
-        layer at (85,468) size 46x34 clip at (86,469) size 29x32 scrollHeight 368
-          RenderTextControl {TEXTAREA} at (3,18) size 46x34 [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"
-        layer at (167,454) size 150x48 clip at (168,455) size 133x46 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x48 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (323,468) size 70x34 clip at (324,469) size 53x32 scrollHeight 158
-          RenderTextControl {TEXTAREA} at (3,18) size 70x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 49x154
-              RenderText {#text} at (3,0) size 43x154
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 40: "FGHIJK"
-                text run at (3,70) width 40: "LMNOP"
-                text run at (3,84) width 39: "QRSTU"
-                text run at (3,98) width 40: "VWXYZ"
-                text run at (42,98) width 4: " "
-                text run at (3,112) width 40: "abcdefg"
-                text run at (3,126) width 41: "hijklmno"
-                text run at (3,140) width 37: "pqrstuv"
-        layer at (405,398) size 150x104 clip at (406,399) size 148x102
-          RenderTextControl {TEXTAREA} at (3,18) size 150x104 [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 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (561,440) size 58x62 clip at (562,441) size 41x60 scrollHeight 228
-          RenderTextControl {TEXTAREA} at (3,33) size 58x62 [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"
-                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"
-        layer at (643,453) size 150x49 clip at (644,454) size 148x32 scrollWidth 415
-          RenderTextControl {TEXTAREA} at (3,18) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x14
-              RenderText {#text} at (3,0) size 410x14
-                text run at (3,0) width 410: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (3,542) size 150x34 clip at (4,543) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (159,542) size 150x34 clip at (160,543) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (315,542) size 150x34 clip at (316,543) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 26: "dolor"
+            RenderBlock {DIV} at (1,1) size 45x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (424,174) size 151x66 clip at (425,175) size 149x64
+          RenderTextControl {TEXTAREA} at (3,31) size 151x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x56
+              RenderText {#text} at (0,0) size 133x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 133: "ABCDEFGHIJKLMNOPQR"
+                text run at (0,28) width 62: "STUVWXYZ"
+                text run at (61,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (579,174) size 73x66 clip at (580,175) size 56x64 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,46) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (3,336) size 151x34 clip at (4,337) size 149x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x56
+              RenderText {#text} at (0,0) size 133x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 133: "ABCDEFGHIJKLMNOPQR"
+                text run at (0,28) width 62: "STUVWXYZ"
+                text run at (61,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (160,321) size 151x49 clip at (161,322) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (315,306) size 73x66 clip at (316,307) size 71x64 scrollHeight 116
+          RenderTextControl {TEXTAREA} at (1,61) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 61x112
+              RenderText {#text} at (0,0) size 60x112
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 60: "ipsum  dolor"
+                text run at (59,14) width 1: " "
+                text run at (0,28) width 54: "ABCDEFG"
+                text run at (0,42) width 56: "HIJKLMNO"
+                text run at (0,56) width 54: "PQRSTUV"
+                text run at (0,70) width 32: "WXYZ"
+                text run at (31,70) width 4: " "
+                text run at (0,84) width 59: "abcdefghijkl"
+                text run at (0,98) width 58: "mnopqrstuv"
+        layer at (397,306) size 73x66 clip at (398,307) size 56x49 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,61) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (479,306) size 73x66 clip at (480,307) size 56x64 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,46) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (561,306) size 73x66 clip at (562,307) size 56x64 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,46) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (643,306) size 73x66 clip at (644,307) size 56x64 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (1,61) size 73x66 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 46x154
+              RenderText {#text} at (0,0) size 45x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (3,465) size 47x34 clip at (4,466) size 30x32 scrollHeight 368
+          RenderTextControl {TEXTAREA} at (3,18) size 47x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 20x364
+              RenderText {#text} at (0,0) size 19x364
+                text run at (0,0) width 16: "Lor"
+                text run at (0,14) width 16: "em"
+                text run at (15,14) width 4: " "
+                text run at (0,28) width 15: "ips"
+                text run at (0,42) width 16: "um"
+                text run at (15,42) width 4: "  "
+                text run at (0,56) width 15: "dol"
+                text run at (0,70) width 10: "or"
+                text run at (9,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 15: "EF"
+                text run at (0,126) width 17: "GH"
+                text run at (0,140) width 16: "IJK"
+                text run at (0,154) width 16: "LM"
+                text run at (0,168) width 17: "NO"
+                text run at (0,182) width 16: "PQ"
+                text run at (0,196) width 16: "RS"
+                text run at (0,210) width 15: "TU"
+                text run at (0,224) width 18: "VW"
+                text run at (0,238) width 15: "XY"
+                text run at (0,252) width 7: "Z"
+                text run at (6,252) width 4: " "
+                text run at (0,266) width 18: "abc"
+                text run at (0,280) width 16: "def"
+                text run at (0,294) width 18: "ghij"
+                text run at (0,308) width 18: "klm"
+                text run at (0,322) width 19: "nop"
+                text run at (0,336) width 19: "qrst"
+                text run at (0,350) width 12: "uv"
+        layer at (85,451) size 151x48 clip at (86,452) size 134x46 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x48 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (242,465) size 71x34 clip at (243,466) size 54x32 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (3,18) size 71x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 44x154
+              RenderText {#text} at (0,0) size 43x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                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 40: "VWXYZ"
+                text run at (39,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (324,395) size 151x104 clip at (325,396) size 149x102
+          RenderTextControl {TEXTAREA} at (3,18) size 151x104 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x56
+              RenderText {#text} at (0,0) size 133x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 133: "ABCDEFGHIJKLMNOPQR"
+                text run at (0,28) width 62: "STUVWXYZ"
+                text run at (61,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (481,437) size 59x62 clip at (482,438) size 42x60 scrollHeight 228
+          RenderTextControl {TEXTAREA} at (3,33) size 59x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 32x224
+              RenderText {#text} at (0,0) size 31x224
+                text run at (0,0) width 23: "Lore"
+                text run at (0,14) width 10: "m"
+                text run at (9,14) width 4: " "
+                text run at (0,28) width 30: "ipsum"
+                text run at (29,28) width 2: "  "
+                text run at (0,42) width 25: "dolor"
+                text run at (24,42) width 4: " "
+                text run at (0,56) width 31: "ABCD"
+                text run at (0,70) width 31: "EFGH"
+                text run at (0,84) width 23: "IJKL"
+                text run at (0,98) width 26: "MNO"
+                text run at (0,112) width 24: "PQR"
+                text run at (0,126) width 30: "STUV"
+                text run at (0,140) width 26: "WXY"
+                text run at (0,154) width 7: "Z"
+                text run at (6,154) width 4: " "
+                text run at (0,168) width 30: "abcde"
+                text run at (0,182) width 29: "fghijkl"
+                text run at (0,196) width 28: "mnop"
+                text run at (0,210) width 30: "qrstuv"
+        layer at (563,450) size 151x49 clip at (564,451) size 149x32 scrollWidth 415
+          RenderTextControl {TEXTAREA} at (3,18) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 410x14
+                text run at (0,0) width 410: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
+        layer at (3,539) size 151x34 clip at (4,540) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (160,539) size 151x34 clip at (161,540) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (317,539) size 151x34 clip at (318,540) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 26: "dolor"
+                text run at (91,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (474,539) size 151x34 clip at (475,540) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 120x56
+                text run at (0,0) width 120: "Lorem ipsum  dolor ABC"
+                text run at (0,14) width 118: "DEFGHIJKLMNOPQRS"
+                text run at (0,28) width 115: "TUVWXYZ abcdefghijkl"
+                text run at (0,42) width 58: "mnopqrstuv"
+        layer at (631,539) size 151x34 clip at (632,540) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (3,658) size 151x34 clip at (4,659) size 134x17 scrollWidth 412 scrollHeight 18
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 407x14
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 341: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
+        layer at (160,658) size 151x34 clip at (161,659) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 26: "dolor"
+                text run at (91,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (317,643) size 151x49 clip at (318,644) size 134x32 scrollWidth 199 scrollHeight 46
+          RenderTextControl {TEXTAREA} at (3,33) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x42
+              RenderText {#text} at (0,0) size 194x42
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+                text run at (0,28) width 119: " abcdefghijklmnopqrstuv"
+        layer at (474,643) size 151x49 clip at (475,644) size 134x32 scrollWidth 199 scrollHeight 46
+          RenderTextControl {TEXTAREA} at (3,63) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x42
+              RenderText {#text} at (0,0) size 194x42
+                text run at (0,0) width 95: "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"
-        layer at (471,542) size 150x34 clip at (472,543) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 120x56
-                text run at (3,0) width 120: "Lorem ipsum  dolor ABC"
-                text run at (3,14) width 118: "DEFGHIJKLMNOPQRS"
-                text run at (3,28) width 115: "TUVWXYZ abcdefghijkl"
-                text run at (3,42) width 58: "mnopqrstuv"
-        layer at (627,542) size 150x34 clip at (628,543) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (3,661) size 150x34 clip at (4,662) size 133x17 scrollWidth 412 scrollHeight 18
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x14
-              RenderText {#text} at (3,0) size 407x14
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 341: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (159,661) size 150x34 clip at (160,662) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 26: "dolor"
+                text run at (0,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+                text run at (0,28) width 119: " abcdefghijklmnopqrstuv"
+        layer at (160,79) size 151x34 clip at (161,80) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56 [color=#545454]
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "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"
-        layer at (315,646) size 150x49 clip at (316,647) size 133x32 scrollWidth 199 scrollHeight 46
-          RenderTextControl {TEXTAREA} at (3,33) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x42
-              RenderText {#text} at (3,0) size 194x42
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,0) width 4: " "
-                text run at (3,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
-                text run at (3,28) width 119: " abcdefghijklmnopqrstuv"
-        layer at (471,646) size 150x49 clip at (472,647) size 133x32 scrollWidth 199 scrollHeight 46
-          RenderTextControl {TEXTAREA} at (3,63) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x42
-              RenderText {#text} at (3,0) size 194x42
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,0) width 4: " "
-                text run at (3,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
-                text run at (3,28) width 119: " abcdefghijklmnopqrstuv"
-        layer at (159,79) size 150x34 clip at (160,80) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56 [color=#545454]
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-      RenderIFrame {IFRAME} at (0,702) size 800x669
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+      RenderIFrame {IFRAME} at (0,699) size 800x669
         layer at (0,0) size 800x669
           RenderView at (0,0) size 800x669
         layer at (0,0) size 800x669
@@ -678,84 +659,84 @@ layer at (0,0) size 800x1371
                 RenderText {#text} at (0,0) size 194x19
                   text run at (0,0) width 194: "CompatMode: BackCompat"
               RenderBlock (anonymous) at (0,25) size 800x639
-                RenderBlock {DIV} at (0,46) size 156x40 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,46) size 157x40 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x0
                   RenderBR {BR} at (81,1) size 0x0
-                RenderBlock {DIV} at (156,31) size 156x55 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,31) size 157x55 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 78x14
                       text run at (0,0) width 78: "disabled: \"true\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (312,0) size 172x86 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,0) size 166x86 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 79x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 79: "\"padding:10px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (484,20) size 152x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (480,20) size 146x66 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 73x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 73: "\"padding:0px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (0,121) size 172x86 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (626,0) size 173x86 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 74x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 74: "\"margin:10px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (172,141) size 152x66 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,141) size 153x66 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 68x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 68: "\"margin:0px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (324,137) size 82x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (153,137) size 82x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 68x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 68: "\"width:60px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (406,86) size 82x121 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (235,86) size 82x121 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 74x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 74: "padding:20px\","
                   RenderBR {BR} at (81,42) size 0x0
-                RenderBlock {DIV} at (488,126) size 82x81 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (317,126) size 82x81 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 63x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 56: "padding:0\","
                   RenderBR {BR} at (81,42) size 0x0
-                RenderBlock {DIV} at (570,115) size 156x92 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (399,115) size 157x92 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 71x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 71: "\"height:60px\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (0,222) size 82x107 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (556,100) size 82x107 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 66x44
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,42) size 0x0
-                RenderBlock {DIV} at (82,259) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (638,137) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 93x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 93: "\"overflow:hidden\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (238,244) size 156x85 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,244) size 157x85 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 87x29
                       text run at (0,0) width 26: "style:"
                       text run at (0,15) width 87: "\"overflow:scroll\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (394,207) size 82x122 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,207) size 82x122 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 88x59
                       text run at (0,0) width 26: "style:"
@@ -763,7 +744,7 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 59: "width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,57) size 0x0
-                RenderBlock {DIV} at (476,207) size 82x122 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (239,207) size 82x122 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 82x59
                       text run at (0,0) width 26: "style:"
@@ -771,21 +752,21 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 59: "width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,57) size 0x0
-                RenderBlock {DIV} at (558,222) size 82x107 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (321,222) size 82x107 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 74x44
                       text run at (0,0) width 74: "cols: \"5\", style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,42) size 0x0
-                RenderBlock {DIV} at (640,222) size 82x107 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (403,222) size 82x107 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x45
                     RenderText {#text} at (0,0) size 78x44
                       text run at (0,0) width 78: "rows: \"4\", style:"
                       text run at (0,15) width 63: "\"width:60px;"
                       text run at (0,30) width 66: "height:60px\","
                   RenderBR {BR} at (81,42) size 0x0
-                RenderBlock {DIV} at (0,332) size 82x122 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (485,207) size 82x122 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 75x59
                       text run at (0,0) width 75: "cols: \"5\", rows:"
@@ -793,84 +774,84 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 63: "\"width:60px;"
                       text run at (0,45) width 66: "height:60px\","
                   RenderBR {BR} at (81,57) size 0x0
-                RenderBlock {DIV} at (82,399) size 82x55 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (567,274) size 82x55 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 45x14
                       text run at (0,0) width 45: "cols: \"3\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (164,385) size 156x69 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,385) size 157x69 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"3\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (320,399) size 82x55 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,399) size 82x55 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 45x14
                       text run at (0,0) width 45: "cols: \"7\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (402,329) size 156x125 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (239,329) size 157x125 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 49x14
                       text run at (0,0) width 49: "rows: \"7\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (558,356) size 82x98 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (396,356) size 82x98 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 75x29
                       text run at (0,0) width 75: "cols: \"5\", rows:"
                       text run at (0,15) width 19: "\"4\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (640,384) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (478,384) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 57x14
                       text run at (0,0) width 57: "wrap: \"off\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (0,469) size 156x55 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (635,399) size 157x55 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 65x14
                       text run at (0,0) width 65: "wrap: \"hard\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (156,469) size 156x55 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,469) size 157x55 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x15
                     RenderText {#text} at (0,0) size 62x14
                       text run at (0,0) width 62: "wrap: \"soft\","
                   RenderBR {BR} at (81,12) size 0x0
-                RenderBlock {DIV} at (312,454) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,454) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 72x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 72: "space:normal\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (468,454) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,454) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 65x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 54: "space:pre\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (624,454) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (471,454) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 78x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 78: "space:prewrap\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (0,569) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (628,454) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 74x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 74: "space:nowrap\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (156,569) size 156x70 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (0,569) size 157x70 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 76x29
                       text run at (0,0) width 65: "style: \"white-"
                       text run at (0,15) width 76: "space:pre-line\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (312,554) size 156x85 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (157,554) size 157x85 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x30
                     RenderText {#text} at (0,0) size 70x29
                       text run at (0,0) width 63: "style: \"word-"
                       text run at (0,15) width 70: "wrap:normal\","
                   RenderBR {BR} at (81,27) size 0x0
-                RenderBlock {DIV} at (468,524) size 156x115 [border: (1px solid #0000FF)]
+                RenderBlock {DIV} at (314,524) size 157x115 [border: (1px solid #0000FF)]
                   RenderBlock {SPAN} at (1,1) size 80x60
                     RenderText {#text} at (0,0) size 65x59
                       text run at (0,0) width 57: "wrap: \"off\","
@@ -878,517 +859,515 @@ layer at (0,0) size 800x1371
                       text run at (0,30) width 50: "space:pre-"
                       text run at (0,45) width 32: "wrap\","
                   RenderBR {BR} at (81,57) size 0x0
-        layer at (3,79) size 150x34 clip at (4,80) size 148x32
-          RenderTextControl {TEXTAREA} at (3,3) size 150x34 [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 (315,63) size 166x50 clip at (316,64) size 149x48 scrollHeight 76
-          RenderTextControl {TEXTAREA} at (3,33) size 166x50 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (11,11) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (487,83) size 146x30 clip at (488,84) size 129x28 scrollHeight 56
-          RenderTextControl {TEXTAREA} at (3,33) size 146x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (1,1) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (11,192) size 150x34 clip at (12,193) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (11,41) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (173,202) size 150x34 clip at (174,203) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (1,31) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (325,200) size 60x34 clip at (326,201) size 43x32 scrollHeight 200
+        layer at (3,79) size 151x34 clip at (4,80) size 149x32
+          RenderTextControl {TEXTAREA} at (3,3) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 92x14
+                text run at (0,0) width 92: "Lorem ipsum dolor"
+        layer at (317,63) size 160x50 clip at (318,64) size 143x48 scrollHeight 76
+          RenderTextControl {TEXTAREA} at (3,33) size 160x50 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (11,11) size 123x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (483,83) size 140x30 clip at (484,84) size 123x28 scrollHeight 56
+          RenderTextControl {TEXTAREA} at (3,33) size 140x30 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (1,1) size 123x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (637,71) size 151x34 clip at (638,72) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (11,41) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (1,202) size 151x34 clip at (2,203) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (1,31) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (154,200) size 60x34 clip at (155,201) size 43x32 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,33) size 60x34 [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"
-        layer at (407,164) size 60x70 clip at (408,165) size 43x68 scrollHeight 992
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (236,164) size 60x70 clip at (237,165) size 43x68 scrollHeight 992
           RenderTextControl {TEXTAREA} at (1,48) size 60x70 [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 0: " "
-                text run at (3,182) width 7: "d"
-                text run at (3,196) width 7: "o"
-                text run at (3,210) width 3: "l"
-                text run at (3,224) width 7: "o"
-                text run at (3,238) width 4: "r"
-                text run at (3,252) width 0: " "
-                text run at (3,266) width 8: "A"
-                text run at (3,280) width 8: "B"
-                text run at (3,294) width 8: "C"
-                text run at (3,308) width 8: "D"
-                text run at (3,322) width 8: "E"
-                text run at (3,336) width 7: "F"
-                text run at (3,350) width 9: "G"
-                text run at (3,364) width 8: "H"
-                text run at (3,378) width 4: "I"
-                text run at (3,392) width 6: "J"
-                text run at (3,406) width 8: "K"
-                text run at (3,420) width 7: "L"
-                text run at (3,434) width 10: "M"
-                text run at (3,448) width 8: "N"
-                text run at (3,462) width 9: "O"
-                text run at (3,476) width 8: "P"
-                text run at (3,490) width 9: "Q"
-                text run at (3,504) width 8: "R"
-                text run at (3,518) width 8: "S"
-                text run at (3,532) width 7: "T"
-                text run at (3,546) width 8: "U"
-                text run at (3,560) width 8: "V"
-                text run at (3,574) width 11: "W"
-                text run at (3,588) width 8: "X"
-                text run at (3,602) width 8: "Y"
-                text run at (3,616) width 7: "Z"
-                text run at (3,630) width 0: " "
-                text run at (3,644) width 7: "a"
-                text run at (3,658) width 7: "b"
-                text run at (3,672) width 6: "c"
-                text run at (3,686) width 7: "d"
-                text run at (3,700) width 7: "e"
-                text run at (3,714) width 4: "f"
-                text run at (3,728) width 7: "g"
-                text run at (3,742) width 7: "h"
-                text run at (3,756) width 3: "i"
-                text run at (3,770) width 3: "j"
-                text run at (3,784) width 6: "k"
-                text run at (3,798) width 3: "l"
-                text run at (3,812) width 10: "m"
-                text run at (3,826) width 7: "n"
-                text run at (3,840) width 7: "o"
-                text run at (3,854) width 7: "p"
-                text run at (3,868) width 7: "q"
-                text run at (3,882) width 4: "r"
-                text run at (3,896) width 6: "s"
-                text run at (3,910) width 4: "t"
-                text run at (3,924) width 7: "u"
-                text run at (3,938) width 6: "v"
-        layer at (489,204) size 60x30 clip at (490,205) size 43x28 scrollHeight 182
+            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 4: "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 3: " "
+                text run at (0,182) width 7: "d"
+                text run at (0,196) width 7: "o"
+                text run at (0,210) width 3: "l"
+                text run at (0,224) width 7: "o"
+                text run at (0,238) width 4: "r"
+                text run at (0,252) width 3: " "
+                text run at (0,266) width 8: "A"
+                text run at (0,280) width 8: "B"
+                text run at (0,294) width 8: "C"
+                text run at (0,308) width 8: "D"
+                text run at (0,322) width 8: "E"
+                text run at (0,336) width 7: "F"
+                text run at (0,350) width 9: "G"
+                text run at (0,364) width 8: "H"
+                text run at (0,378) width 4: "I"
+                text run at (0,392) width 6: "J"
+                text run at (0,406) width 8: "K"
+                text run at (0,420) width 7: "L"
+                text run at (0,434) width 10: "M"
+                text run at (0,448) width 8: "N"
+                text run at (0,462) width 9: "O"
+                text run at (0,476) width 8: "P"
+                text run at (0,490) width 9: "Q"
+                text run at (0,504) width 8: "R"
+                text run at (0,518) width 8: "S"
+                text run at (0,532) width 7: "T"
+                text run at (0,546) width 8: "U"
+                text run at (0,560) width 8: "V"
+                text run at (0,574) width 11: "W"
+                text run at (0,588) width 8: "X"
+                text run at (0,602) width 8: "Y"
+                text run at (0,616) width 7: "Z"
+                text run at (0,630) width 3: " "
+                text run at (0,644) width 7: "a"
+                text run at (0,658) width 7: "b"
+                text run at (0,672) width 6: "c"
+                text run at (0,686) width 7: "d"
+                text run at (0,700) width 7: "e"
+                text run at (0,714) width 4: "f"
+                text run at (0,728) width 7: "g"
+                text run at (0,742) width 7: "h"
+                text run at (0,756) width 3: "i"
+                text run at (0,770) width 3: "j"
+                text run at (0,784) width 6: "k"
+                text run at (0,798) width 3: "l"
+                text run at (0,812) width 10: "m"
+                text run at (0,826) width 7: "n"
+                text run at (0,840) width 7: "o"
+                text run at (0,854) width 7: "p"
+                text run at (0,868) width 7: "q"
+                text run at (0,882) width 4: "r"
+                text run at (0,896) width 6: "s"
+                text run at (0,910) width 4: "t"
+                text run at (0,924) width 7: "u"
+                text run at (0,938) width 6: "v"
+        layer at (318,204) size 60x30 clip at (319,205) size 43x28 scrollHeight 154
           RenderTextControl {TEXTAREA} at (1,48) size 60x30 [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 7: "  "
-                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 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"
-        layer at (573,176) size 150x60 clip at (574,177) size 133x58 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,31) size 150x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (1,298) size 60x60 clip at (2,299) size 43x58 scrollHeight 200
+            RenderBlock {DIV} at (1,1) size 43x154
+              RenderText {#text} at (0,0) size 43x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                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 40: "VWXYZ"
+                text run at (39,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (402,176) size 151x60 clip at (403,177) size 134x58 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,31) size 151x60 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (557,176) size 60x60 clip at (558,177) size 43x58 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,46) size 60x60 [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"
-        layer at (85,322) size 150x34 clip at (86,323) size 148x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [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 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (241,307) size 150x49 clip at (242,308) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (395,298) size 60x60 clip at (396,299) size 58x58 scrollHeight 158
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (641,200) size 151x34 clip at (642,201) size 149x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x56
+              RenderText {#text} at (0,0) size 133x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 133: "ABCDEFGHIJKLMNOPQR"
+                text run at (0,28) width 62: "STUVWXYZ"
+                text run at (61,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (3,307) size 151x49 clip at (4,308) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (158,298) size 60x60 clip at (159,299) size 58x58 scrollHeight 158
           RenderTextControl {TEXTAREA} at (1,61) size 60x60 [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 7: "  "
-                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"
-        layer at (477,298) size 60x60 clip at (478,299) size 43x43 scrollHeight 200
+            RenderBlock {DIV} at (6,3) size 48x154
+              RenderText {#text} at (0,0) size 47x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 45: "ABCDEF"
+                text run at (0,56) width 39: "GHIJKL"
+                text run at (0,70) width 42: "MNOPQ"
+                text run at (0,84) width 38: "RSTUV"
+                text run at (0,98) width 32: "WXYZ"
+                text run at (31,98) width 4: " "
+                text run at (0,112) width 46: "abcdefgh"
+                text run at (0,126) width 47: "ijklmnopq"
+                text run at (0,140) width 24: "rstuv"
+        layer at (240,298) size 60x60 clip at (241,299) size 43x43 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,61) size 60x60 [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"
-        layer at (559,298) size 60x60 clip at (560,299) size 43x58 scrollHeight 200
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (322,298) size 60x60 clip at (323,299) size 43x58 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,46) size 60x60 [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"
-        layer at (641,298) size 60x60 clip at (642,299) size 43x58 scrollHeight 200
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (404,298) size 60x60 clip at (405,299) size 43x58 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,46) size 60x60 [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"
-        layer at (1,423) size 60x60 clip at (2,424) size 43x58 scrollHeight 200
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (486,298) size 60x60 clip at (487,299) size 43x58 scrollHeight 200
           RenderTextControl {TEXTAREA} at (1,61) size 60x60 [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"
-        layer at (85,447) size 46x34 clip at (86,448) size 29x32 scrollHeight 368
-          RenderTextControl {TEXTAREA} at (3,18) size 46x34 [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"
-        layer at (167,433) size 150x48 clip at (168,434) size 133x46 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x48 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (323,447) size 70x34 clip at (324,448) size 53x32 scrollHeight 158
-          RenderTextControl {TEXTAREA} at (3,18) size 70x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 49x154
-              RenderText {#text} at (3,0) size 43x154
-                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 7: "  "
-                text run at (3,28) width 25: "dolor"
-                text run at (27,28) width 4: " "
-                text run at (3,42) width 38: "ABCDE"
-                text run at (3,56) width 40: "FGHIJK"
-                text run at (3,70) width 40: "LMNOP"
-                text run at (3,84) width 39: "QRSTU"
-                text run at (3,98) width 40: "VWXYZ"
-                text run at (42,98) width 4: " "
-                text run at (3,112) width 40: "abcdefg"
-                text run at (3,126) width 41: "hijklmno"
-                text run at (3,140) width 37: "pqrstuv"
-        layer at (405,377) size 150x104 clip at (406,378) size 148x102
-          RenderTextControl {TEXTAREA} at (3,18) size 150x104 [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 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (561,419) size 58x62 clip at (562,420) size 41x60 scrollHeight 228
-          RenderTextControl {TEXTAREA} at (3,33) size 58x62 [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"
-                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"
-        layer at (643,432) size 150x49 clip at (644,433) size 148x32 scrollWidth 415
-          RenderTextControl {TEXTAREA} at (3,18) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x14
-              RenderText {#text} at (3,0) size 410x14
-                text run at (3,0) width 410: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (3,517) size 150x34 clip at (4,518) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (159,517) size 150x34 clip at (160,518) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (315,517) size 150x34 clip at (316,518) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 26: "dolor"
+            RenderBlock {DIV} at (6,3) size 33x196
+              RenderText {#text} at (0,0) size 32x196
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 1: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 3: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                text run at (0,42) width 31: "ABCD"
+                text run at (0,56) width 31: "EFGH"
+                text run at (0,70) width 32: "IJKLM"
+                text run at (0,84) width 24: "NOP"
+                text run at (0,98) width 31: "QRST"
+                text run at (0,112) width 26: "UVW"
+                text run at (0,126) width 22: "XYZ"
+                text run at (21,126) width 4: " "
+                text run at (0,140) width 30: "abcde"
+                text run at (0,154) width 29: "fghijkl"
+                text run at (0,168) width 28: "mnop"
+                text run at (0,182) width 30: "qrstuv"
+        layer at (570,322) size 47x34 clip at (571,323) size 30x32 scrollHeight 368
+          RenderTextControl {TEXTAREA} at (3,18) size 47x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 20x364
+              RenderText {#text} at (0,0) size 19x364
+                text run at (0,0) width 16: "Lor"
+                text run at (0,14) width 16: "em"
+                text run at (15,14) width 4: " "
+                text run at (0,28) width 15: "ips"
+                text run at (0,42) width 16: "um"
+                text run at (15,42) width 4: "  "
+                text run at (0,56) width 15: "dol"
+                text run at (0,70) width 10: "or"
+                text run at (9,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 15: "EF"
+                text run at (0,126) width 17: "GH"
+                text run at (0,140) width 16: "IJK"
+                text run at (0,154) width 16: "LM"
+                text run at (0,168) width 17: "NO"
+                text run at (0,182) width 16: "PQ"
+                text run at (0,196) width 16: "RS"
+                text run at (0,210) width 15: "TU"
+                text run at (0,224) width 18: "VW"
+                text run at (0,238) width 15: "XY"
+                text run at (0,252) width 7: "Z"
+                text run at (6,252) width 4: " "
+                text run at (0,266) width 18: "abc"
+                text run at (0,280) width 16: "def"
+                text run at (0,294) width 18: "ghij"
+                text run at (0,308) width 18: "klm"
+                text run at (0,322) width 19: "nop"
+                text run at (0,336) width 19: "qrst"
+                text run at (0,350) width 12: "uv"
+        layer at (3,433) size 151x48 clip at (4,434) size 134x46 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x48 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (160,447) size 71x34 clip at (161,448) size 54x32 scrollHeight 158
+          RenderTextControl {TEXTAREA} at (3,18) size 71x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 44x154
+              RenderText {#text} at (0,0) size 43x154
+                text run at (0,0) width 32: "Lorem"
+                text run at (31,0) width 4: " "
+                text run at (0,14) width 30: "ipsum"
+                text run at (29,14) width 7: "  "
+                text run at (0,28) width 25: "dolor"
+                text run at (24,28) width 4: " "
+                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 40: "VWXYZ"
+                text run at (39,98) width 4: " "
+                text run at (0,112) width 40: "abcdefg"
+                text run at (0,126) width 41: "hijklmno"
+                text run at (0,140) width 37: "pqrstuv"
+        layer at (242,377) size 151x104 clip at (243,378) size 149x102
+          RenderTextControl {TEXTAREA} at (3,18) size 151x104 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x56
+              RenderText {#text} at (0,0) size 133x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 133: "ABCDEFGHIJKLMNOPQR"
+                text run at (0,28) width 62: "STUVWXYZ"
+                text run at (61,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (399,419) size 59x62 clip at (400,420) size 42x60 scrollHeight 228
+          RenderTextControl {TEXTAREA} at (3,33) size 59x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 32x224
+              RenderText {#text} at (0,0) size 31x224
+                text run at (0,0) width 23: "Lore"
+                text run at (0,14) width 10: "m"
+                text run at (9,14) width 4: " "
+                text run at (0,28) width 30: "ipsum"
+                text run at (29,28) width 2: "  "
+                text run at (0,42) width 25: "dolor"
+                text run at (24,42) width 4: " "
+                text run at (0,56) width 31: "ABCD"
+                text run at (0,70) width 31: "EFGH"
+                text run at (0,84) width 23: "IJKL"
+                text run at (0,98) width 26: "MNO"
+                text run at (0,112) width 24: "PQR"
+                text run at (0,126) width 30: "STUV"
+                text run at (0,140) width 26: "WXY"
+                text run at (0,154) width 7: "Z"
+                text run at (6,154) width 4: " "
+                text run at (0,168) width 30: "abcde"
+                text run at (0,182) width 29: "fghijkl"
+                text run at (0,196) width 28: "mnop"
+                text run at (0,210) width 30: "qrstuv"
+        layer at (481,432) size 151x49 clip at (482,433) size 149x32 scrollWidth 415
+          RenderTextControl {TEXTAREA} at (3,18) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 410x14
+                text run at (0,0) width 410: "Lorem ipsum  dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
+        layer at (638,447) size 151x34 clip at (639,448) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (3,517) size 151x34 clip at (4,518) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (160,517) size 151x34 clip at (161,518) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 26: "dolor"
+                text run at (91,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (317,517) size 151x34 clip at (318,518) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 120x56
+                text run at (0,0) width 120: "Lorem ipsum  dolor ABC"
+                text run at (0,14) width 118: "DEFGHIJKLMNOPQRS"
+                text run at (0,28) width 115: "TUVWXYZ abcdefghijkl"
+                text run at (0,42) width 58: "mnopqrstuv"
+        layer at (474,517) size 151x34 clip at (475,518) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (631,517) size 151x34 clip at (632,518) size 134x17 scrollWidth 412 scrollHeight 18
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x14
+              RenderText {#text} at (0,0) size 407x14
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 341: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
+        layer at (3,632) size 151x34 clip at (4,633) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,33) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 67: "Lorem ipsum "
+                text run at (66,0) width 26: "dolor"
+                text run at (91,0) width 4: " "
+                text run at (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
+        layer at (160,617) size 151x49 clip at (161,618) size 134x32 scrollWidth 199 scrollHeight 46
+          RenderTextControl {TEXTAREA} at (3,33) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x42
+              RenderText {#text} at (0,0) size 194x42
+                text run at (0,0) width 95: "Lorem ipsum  dolor"
+                text run at (94,0) width 4: " "
+                text run at (0,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+                text run at (0,28) width 119: " abcdefghijklmnopqrstuv"
+        layer at (317,617) size 151x49 clip at (318,618) size 134x32 scrollWidth 199 scrollHeight 46
+          RenderTextControl {TEXTAREA} at (3,63) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 139x42
+              RenderText {#text} at (0,0) size 194x42
+                text run at (0,0) width 95: "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"
-        layer at (471,517) size 150x34 clip at (472,518) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 120x56
-                text run at (3,0) width 120: "Lorem ipsum  dolor ABC"
-                text run at (3,14) width 118: "DEFGHIJKLMNOPQRS"
-                text run at (3,28) width 115: "TUVWXYZ abcdefghijkl"
-                text run at (3,42) width 58: "mnopqrstuv"
-        layer at (627,517) size 150x34 clip at (628,518) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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"
-        layer at (3,632) size 150x34 clip at (4,633) size 133x17 scrollWidth 412 scrollHeight 18
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x14
-              RenderText {#text} at (3,0) size 407x14
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 341: "dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv"
-        layer at (159,632) size 150x34 clip at (160,633) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,33) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 67: "Lorem ipsum "
-                text run at (69,0) width 26: "dolor"
+                text run at (0,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+                text run at (0,28) width 119: " abcdefghijklmnopqrstuv"
+        layer at (160,79) size 151x34 clip at (161,80) size 134x32 scrollHeight 60
+          RenderTextControl {TEXTAREA} at (3,18) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+            RenderBlock {DIV} at (6,3) size 124x56 [color=#545454]
+              RenderText {#text} at (0,0) size 117x56
+                text run at (0,0) width 95: "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"
-        layer at (315,617) size 150x49 clip at (316,618) size 133x32 scrollWidth 199 scrollHeight 46
-          RenderTextControl {TEXTAREA} at (3,33) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x42
-              RenderText {#text} at (3,0) size 194x42
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,0) width 4: " "
-                text run at (3,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
-                text run at (3,28) width 119: " abcdefghijklmnopqrstuv"
-        layer at (471,617) size 150x49 clip at (472,618) size 133x32 scrollWidth 199 scrollHeight 46
-          RenderTextControl {TEXTAREA} at (3,63) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 144x42
-              RenderText {#text} at (3,0) size 194x42
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,0) width 4: " "
-                text run at (3,14) width 194: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
-                text run at (3,28) width 119: " abcdefghijklmnopqrstuv"
-        layer at (159,79) size 150x34 clip at (160,80) size 133x32 scrollHeight 60
-          RenderTextControl {TEXTAREA} at (3,18) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-            RenderBlock {DIV} at (3,3) size 129x56 [color=#545454]
-              RenderText {#text} at (3,0) size 117x56
-                text run at (3,0) width 95: "Lorem ipsum  dolor"
-                text run at (97,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 (0,14) width 117: "ABCDEFGHIJKLMNOP"
+                text run at (0,28) width 78: "QRSTUVWXYZ"
+                text run at (77,28) width 4: " "
+                text run at (0,42) width 116: "abcdefghijklmnopqrstuv"
       RenderText {#text} at (0,0) size 0x0
index fa442b8..9b28abe 100644 (file)
@@ -11,8 +11,8 @@ layer at (0,0) size 800x1241
         RenderText {#text} at (0,0) size 84x19
           text run at (0,0) width 84: "TEXTAREA"
         RenderBR {BR} at (83,0) size 1x19
-        RenderText {#text} at (406,211) size 4x19
-          text run at (406,211) width 4: " "
+        RenderText {#text} at (415,211) size 5x19
+          text run at (415,211) width 5: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderBR {BR} at (0,231) size 0x19
         RenderText {#text} at (0,251) size 148x19
@@ -36,15 +36,15 @@ layer at (0,0) size 800x1241
         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 (154,83) size 4x19
-          text run at (154,83) width 4: " "
+        RenderText {#text} at (155,83) size 4x19
+          text run at (155,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 (154,166) size 4x19
-          text run at (154,166) width 4: " "
+        RenderText {#text} at (155,166) size 4x19
+          text run at (155,166) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderBR {BR} at (0,186) size 0x19
         RenderText {#text} at (0,206) size 212x19
@@ -52,27 +52,27 @@ layer at (0,0) size 800x1241
         RenderBR {BR} at (211,206) size 1x19
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {P} at (0,1233) size 784x0
-layer at (8,64) size 406x206 clip at (9,65) size 404x204
-  RenderTextControl {TEXTAREA} at (0,20) size 406x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
-    RenderBlock {DIV} at (3,3) size 400x106
-      RenderText {#text} at (3,18) size 379x70
-        text run at (3,18) width 374: "Demo text here that wraps a bit and should demonstrate"
-        text run at (376,18) width 6: " "
-        text run at (3,71) width 179: "the goodness of line-height"
-layer at (10,850) size 150x34 clip at (11,851) size 133x32 scrollHeight 60
-  RenderTextControl {TEXTAREA} at (2,62) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x56
-      RenderText {#text} at (3,0) size 114x56
-        text run at (3,0) width 97: "Demo text here that"
-        text run at (99,0) width 4: " "
-        text run at (3,14) width 111: "wraps a bit and should"
-        text run at (113,14) width 4: " "
-        text run at (3,28) width 80: "demonstrate the"
-        text run at (82,28) width 4: " "
-        text run at (3,42) width 114: "goodness of line-height"
-layer at (10,933) size 150x34 clip at (11,934) size 148x32
-  RenderTextControl {TEXTAREA} at (2,145) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-layer at (8,1014) size 406x206 clip at (9,1015) size 404x204
-  RenderTextControl {TEXTAREA} at (0,226) size 406x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
-    RenderBlock {DIV} at (3,3) size 400x53
+layer at (8,64) size 415x206 clip at (9,65) size 413x204
+  RenderTextControl {TEXTAREA} at (0,20) size 416x206 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
+    RenderBlock {DIV} at (7,3) size 401x106
+      RenderText {#text} at (0,18) size 400x70
+        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 (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
index 5c70126..5d889f6 100644 (file)
@@ -7,40 +7,40 @@ layer at (0,0) size 800x600
         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 784x167
-        RenderText {#text} at (337,23) size 4x19
-          text run at (337,23) width 4: " "
+        RenderText {#text} at (338,23) size 4x19
+          text run at (338,23) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {#text} at (337,66) size 4x19
-          text run at (337,66) width 4: " "
+        RenderText {#text} at (338,66) size 4x19
+          text run at (338,66) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
-        RenderText {#text} at (337,109) size 4x19
-          text run at (337,109) width 4: " "
+        RenderText {#text} at (338,109) size 4x19
+          text run at (338,109) width 4: " "
         RenderBR {BR} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
         RenderText {#text} at (0,0) size 0x0
       RenderBlock {DIV} at (0,203) size 784x38
-layer at (10,46) size 333x34 clip at (11,47) size 331x32
-  RenderTextControl {TEXTAREA} at (2,2) size 333x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x14
-      RenderText {#text} at (3,0) size 173x14
-        text run at (3,0) width 173: "This is should be aligned to the left."
-layer at (10,89) size 333x34 clip at (11,90) size 331x32
-  RenderTextControl {TEXTAREA} at (2,45) size 333x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x14
-      RenderText {#text} at (3,0) size 173x14
-        text run at (3,0) width 173: "This is should be aligned to the left."
-layer at (10,132) size 333x34 clip at (11,133) size 331x32
-  RenderTextControl {TEXTAREA} at (2,88) size 333x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x14
-      RenderText {#text} at (3,0) size 173x14
-        text run at (3,0) width 173: "This is should be aligned to the left."
-layer at (10,175) size 333x34 clip at (11,176) size 331x32
-  RenderTextControl {TEXTAREA} at (2,131) size 333x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x14
-      RenderText {#text} at (3,0) size 173x14
-        text run at (3,0) width 173: "This is should be aligned to the left."
-layer at (10,213) size 333x34 clip at (11,214) size 331x32
-  RenderTextControl {TEXTAREA} at (2,2) size 333x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x14
-      RenderText {#text} at (3,0) size 173x14
-        text run at (3,0) width 173: "This is should be aligned to the left."
+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,89) size 334x34 clip at (11,90) size 332x32
+  RenderTextControl {TEXTAREA} at (2,45) 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,132) size 334x34 clip at (11,133) size 332x32
+  RenderTextControl {TEXTAREA} at (2,88) 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,175) size 334x34 clip at (11,176) size 332x32
+  RenderTextControl {TEXTAREA} at (2,131) 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,213) size 334x34 clip at (11,214) 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."
index 56c2797..8d5ff3b 100644 (file)
@@ -6,34 +6,34 @@ layer at (0,0) size 800x600
       RenderText {#text} at (0,0) size 336x19
         text run at (0,0) width 336: "This tests that you can set the placeholder text color."
       RenderBR {BR} at (335,15) size 1x0
-      RenderText {#text} at (154,43) size 4x19
-        text run at (154,43) width 4: " "
-      RenderText {#text} at (312,43) size 4x19
-        text run at (312,43) width 4: " "
-      RenderText {#text} at (470,43) size 4x19
-        text run at (470,43) width 4: " "
+      RenderText {#text} at (155,43) size 4x19
+        text run at (155,43) width 4: " "
+      RenderText {#text} at (314,43) size 4x19
+        text run at (314,43) width 4: " "
+      RenderText {#text} at (473,43) size 4x19
+        text run at (473,43) width 4: " "
       RenderText {#text} at (0,0) size 0x0
-layer at (10,30) size 150x34 clip at (11,31) size 148x32
-  RenderTextControl {TEXTAREA} at (2,22) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#640000]
-      RenderText {#text} at (2,0) size 18x14
-        text run at (2,0) width 18: "text"
-layer at (326,30) size 150x34 clip at (327,31) size 148x32
-  RenderTextControl {TEXTAREA} at (318,22) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#A9A9A9]
-      RenderText {#text} at (2,0) size 34x14
-        text run at (2,0) width 34: "default"
-layer at (168,30) size 150x34 clip at (169,31) size 148x32
-  RenderTextControl {TEXTAREA} at (160,22) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#545454]
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#640000]
-      RenderText {#text} at (2,0) size 62x14
-        text run at (2,0) width 62: "disabled text"
-layer at (484,30) size 150x34 clip at (485,31) size 148x32
-  RenderTextControl {TEXTAREA} at (476,22) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#545454]
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#A9A9A9]
-      RenderText {#text} at (2,0) size 78x14
-        text run at (2,0) width 78: "default disabled"
+layer at (10,30) size 151x34 clip at (11,31) size 149x32
+  RenderTextControl {TEXTAREA} at (2,22) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
+    RenderBlock {DIV} at (6,3) size 139x14 [color=#640000]
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "text"
+layer at (328,30) size 151x34 clip at (329,31) size 149x32
+  RenderTextControl {TEXTAREA} at (320,22) 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 34x14
+        text run at (0,0) width 34: "default"
+layer at (169,30) size 151x34 clip at (170,31) size 149x32
+  RenderTextControl {TEXTAREA} at (161,22) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14 [color=#545454]
+    RenderBlock {DIV} at (6,3) size 139x14 [color=#640000]
+      RenderText {#text} at (0,0) size 62x14
+        text run at (0,0) width 62: "disabled text"
+layer at (487,30) size 151x34 clip at (488,31) size 149x32
+  RenderTextControl {TEXTAREA} at (479,22) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14 [color=#545454]
+    RenderBlock {DIV} at (6,3) size 139x14 [color=#A9A9A9]
+      RenderText {#text} at (0,0) size 78x14
+        text run at (0,0) width 78: "default disabled"
index 2102d8d..1ae89dd 100644 (file)
@@ -9,11 +9,11 @@ layer at (0,0) size 800x600
       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 150x34 clip at (11,47) size 148x32
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderBR {BR} at (3,0) size 0x14
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#A9A9A9]
-      RenderText {#text} at (2,0) size 59x14
-        text run at (2,0) width 59: "Placeholder"
+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
+      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"
 caret: position 0 of child 0 {BR} of child 0 {DIV} of {#document-fragment} of child 1 {TEXTAREA} of child 3 {DIV} of body
index ceb2716..5629184 100644 (file)
@@ -9,10 +9,10 @@ layer at (0,0) size 800x600
       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 150x34 clip at (11,47) size 148x32
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-    RenderBlock {DIV} at (3,3) size 144x14 [color=#A9A9A9]
-      RenderText {#text} at (2,0) size 59x14
-        text run at (2,0) width 59: "Placeholder"
+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"
 caret: position 0 of child 0 {DIV} of {#document-fragment} of child 1 {TEXTAREA} of child 3 {DIV} of body
index 61943bb..fbad50e 100644 (file)
@@ -9,45 +9,45 @@ layer at (0,0) size 800x600
         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)]
-    RenderBlock {DIV} at (3,3) size 179x336
-      RenderText {#text} at (3,0) size 76x322
-        text run at (3,0) width 76: "Lots of content."
-        text run at (78,0) width 1: " "
-        text run at (3,14) width 76: "Lots of content."
-        text run at (78,14) width 1: " "
-        text run at (3,28) width 76: "Lots of content."
-        text run at (78,28) width 1: " "
-        text run at (3,42) width 76: "Lots of content."
-        text run at (78,42) width 1: " "
-        text run at (3,56) width 0: " "
-        text run at (3,70) width 76: "Lots of content."
-        text run at (78,70) width 1: " "
-        text run at (3,84) width 76: "Lots of content."
-        text run at (78,84) width 1: " "
-        text run at (3,98) width 0: " "
-        text run at (3,112) width 76: "Lots of content."
-        text run at (78,112) width 1: " "
-        text run at (3,126) width 76: "Lots of content."
-        text run at (78,126) width 1: " "
-        text run at (3,140) width 0: " "
-        text run at (3,154) width 76: "Lots of content."
-        text run at (78,154) width 1: " "
-        text run at (3,168) width 76: "Lots of content."
-        text run at (78,168) width 1: " "
-        text run at (3,182) width 0: " "
-        text run at (3,196) width 76: "Lots of content."
-        text run at (78,196) width 1: " "
-        text run at (3,210) width 76: "Lots of content."
-        text run at (78,210) width 1: " "
-        text run at (3,224) width 0: " "
-        text run at (3,238) width 76: "Lots of content."
-        text run at (78,238) width 1: " "
-        text run at (3,252) width 76: "Lots of content."
-        text run at (78,252) width 1: " "
-        text run at (3,266) width 0: " "
-        text run at (3,280) width 76: "Lots of content."
-        text run at (78,280) width 1: " "
-        text run at (3,294) width 76: "Lots of content."
-        text run at (78,294) width 1: " "
-        text run at (3,308) width 0: " "
-      RenderBR {BR} at (3,322) size 0x14
+    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: " "
+        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,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,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,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,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,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,308) width 0: " "
+      RenderBR {BR} at (0,322) size 0x14
index 316ebb6..2da17bf 100644 (file)
@@ -7,34 +7,34 @@ layer at (0,0) size 800x600
         text run at (0,0) width 453: "This tests that a scrollbar will appear when text overflows the textarea "
       RenderBR {BR} at (452,15) size 1x0
       RenderText {#text} at (0,0) size 0x0
-layer at (10,30) size 150x90 clip at (11,31) size 133x88 scrollHeight 130
-  RenderTextControl {TEXTAREA} at (2,22) size 150x90 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x126
-      RenderText {#text} at (3,0) size 7x56
-        text run at (3,0) width 7: "1"
-        text run at (9,0) width 1: " "
-        text run at (3,14) width 7: "2"
-        text run at (9,14) width 1: " "
-        text run at (3,28) width 7: "3"
-        text run at (9,28) width 1: " "
-        text run at (3,42) width 7: "4"
-        text run at (9,42) width 1: " "
-      RenderText {#text} at (3,56) size 7x14
-        text run at (3,56) width 7: "5"
-      RenderText {#text} at (9,56) size 1x14
-        text run at (9,56) width 1: " "
-      RenderText {#text} at (3,70) size 7x14
-        text run at (3,70) width 7: "6"
-      RenderText {#text} at (9,70) size 1x14
-        text run at (9,70) width 1: " "
-      RenderText {#text} at (3,84) size 7x14
-        text run at (3,84) width 7: "7"
-      RenderText {#text} at (9,84) size 1x14
-        text run at (9,84) width 1: " "
-      RenderText {#text} at (3,98) size 7x14
-        text run at (3,98) width 7: "8"
-      RenderText {#text} at (9,98) size 1x14
-        text run at (9,98) width 1: " "
-      RenderText {#text} at (3,112) size 0x14
-        text run at (3,112) width 0: " "
+layer at (10,30) size 151x90 clip at (11,31) size 134x88 scrollHeight 130
+  RenderTextControl {TEXTAREA} at (2,22) size 151x90 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 124x126
+      RenderText {#text} at (0,0) size 7x56
+        text run at (0,0) width 7: "1"
+        text run at (6,0) width 1: " "
+        text run at (0,14) width 7: "2"
+        text run at (6,14) width 1: " "
+        text run at (0,28) width 7: "3"
+        text run at (6,28) width 1: " "
+        text run at (0,42) width 7: "4"
+        text run at (6,42) width 1: " "
+      RenderText {#text} at (0,56) size 7x14
+        text run at (0,56) width 7: "5"
+      RenderText {#text} at (6,56) size 1x14
+        text run at (6,56) width 1: " "
+      RenderText {#text} at (0,70) size 7x14
+        text run at (0,70) width 7: "6"
+      RenderText {#text} at (6,70) size 1x14
+        text run at (6,70) width 1: " "
+      RenderText {#text} at (0,84) size 7x14
+        text run at (0,84) width 7: "7"
+      RenderText {#text} at (6,84) size 1x14
+        text run at (6,84) width 1: " "
+      RenderText {#text} at (0,98) size 7x14
+        text run at (0,98) width 7: "8"
+      RenderText {#text} at (6,98) size 1x14
+        text run at (6,98) width 1: " "
+      RenderText {#text} at (0,112) size 0x14
+        text run at (0,112) width 0: " "
 caret: position 0 of child 9 {#text} of child 0 {DIV} of {#document-fragment} of child 3 {TEXTAREA} of body
index 88eb0e8..f911ad4 100644 (file)
@@ -7,53 +7,53 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 515x19
           text run at (0,0) width 515: "This tests that typing in a scrolled textarea does not cause unnecessary scrolling."
         RenderBR {BR} at (514,15) size 1x0
-        RenderText {#text} at (154,113) size 4x19
-          text run at (154,113) width 4: " "
-        RenderBR {BR} at (158,128) size 0x0
+        RenderText {#text} at (155,113) size 4x19
+          text run at (155,113) width 4: " "
+        RenderBR {BR} at (159,128) size 0x0
       RenderBlock {DIV} at (0,133) size 784x0
-layer at (10,30) size 150x104 clip at (11,31) size 133x102 scrollY 196 scrollHeight 298
-  RenderTextControl {TEXTAREA} at (2,22) size 150x104 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x294
-      RenderText {#text} at (3,0) size 40x280
-        text run at (3,0) width 7: "1"
-        text run at (9,0) width 1: " "
-        text run at (3,14) width 7: "2"
-        text run at (9,14) width 1: " "
-        text run at (3,28) width 7: "3"
-        text run at (9,28) width 1: " "
-        text run at (3,42) width 7: "4"
-        text run at (9,42) width 1: " "
-        text run at (3,56) width 7: "5"
-        text run at (9,56) width 1: " "
-        text run at (3,70) width 7: "6"
-        text run at (9,70) width 1: " "
-        text run at (3,84) width 7: "7"
-        text run at (9,84) width 1: " "
-        text run at (3,98) width 7: "8"
-        text run at (9,98) width 1: " "
-        text run at (3,112) width 7: "9"
-        text run at (9,112) width 1: " "
-        text run at (3,126) width 13: "10"
-        text run at (15,126) width 1: " "
-        text run at (3,140) width 12: "11"
-        text run at (14,140) width 1: " "
-        text run at (3,154) width 13: "12"
-        text run at (15,154) width 1: " "
-        text run at (3,168) width 13: "13"
-        text run at (15,168) width 1: " "
-        text run at (3,182) width 13: "14"
-        text run at (15,182) width 1: " "
-        text run at (3,196) width 13: "15"
-        text run at (15,196) width 1: " "
-        text run at (3,210) width 13: "16"
-        text run at (15,210) width 1: " "
-        text run at (3,224) width 13: "17"
-        text run at (15,224) width 1: " "
-        text run at (3,238) width 40: "18 Pass"
-        text run at (42,238) width 1: " "
-        text run at (3,252) width 13: "19"
-        text run at (15,252) width 1: " "
-        text run at (3,266) width 13: "20"
-        text run at (15,266) width 1: " "
-      RenderBR {BR} at (3,280) size 0x14
+layer at (10,30) size 151x104 clip at (11,31) size 134x102 scrollY 196 scrollHeight 298
+  RenderTextControl {TEXTAREA} at (2,22) size 151x104 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 124x294
+      RenderText {#text} at (0,0) size 40x280
+        text run at (0,0) width 7: "1"
+        text run at (6,0) width 1: " "
+        text run at (0,14) width 7: "2"
+        text run at (6,14) width 1: " "
+        text run at (0,28) width 7: "3"
+        text run at (6,28) width 1: " "
+        text run at (0,42) width 7: "4"
+        text run at (6,42) width 1: " "
+        text run at (0,56) width 7: "5"
+        text run at (6,56) width 1: " "
+        text run at (0,70) width 7: "6"
+        text run at (6,70) width 1: " "
+        text run at (0,84) width 7: "7"
+        text run at (6,84) width 1: " "
+        text run at (0,98) width 7: "8"
+        text run at (6,98) width 1: " "
+        text run at (0,112) width 7: "9"
+        text run at (6,112) width 1: " "
+        text run at (0,126) width 13: "10"
+        text run at (12,126) width 1: " "
+        text run at (0,140) width 12: "11"
+        text run at (11,140) width 1: " "
+        text run at (0,154) width 13: "12"
+        text run at (12,154) width 1: " "
+        text run at (0,168) width 13: "13"
+        text run at (12,168) width 1: " "
+        text run at (0,182) width 13: "14"
+        text run at (12,182) width 1: " "
+        text run at (0,196) width 13: "15"
+        text run at (12,196) width 1: " "
+        text run at (0,210) width 13: "16"
+        text run at (12,210) width 1: " "
+        text run at (0,224) width 13: "17"
+        text run at (12,224) width 1: " "
+        text run at (0,238) width 40: "18 Pass"
+        text run at (39,238) width 1: " "
+        text run at (0,252) width 13: "19"
+        text run at (12,252) width 1: " "
+        text run at (0,266) width 13: "20"
+        text run at (12,266) width 1: " "
+      RenderBR {BR} at (0,280) size 0x14
 caret: position 49 of child 0 {#text} of child 0 {DIV} of {#document-fragment} of child 3 {TEXTAREA} of body
index 48878fe..df88054 100644 (file)
@@ -4,8 +4,8 @@ layer at (0,0) size 800x600
   RenderBlock {HTML} at (0,0) size 800x600
     RenderBody {BODY} at (8,8) size 784x584
       RenderText {#text} at (0,0) size 0x0
-layer at (10,10) size 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 60x14
-        text run at (3,0) width 60: "Test Passed"
+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"
index 028b9f6..97584f3 100644 (file)
@@ -8,6 +8,6 @@ layer at (0,0) size 800x600
           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 150x34 clip at (11,31) size 148x32
-  RenderTextControl {TEXTAREA} at (2,2) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
+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
index 683b827..11af9b1 100644 (file)
@@ -7,8 +7,8 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 317x19
           text run at (0,0) width 317: "The body should always have a vertical scrollbar."
       RenderBlock (anonymous) at (0,220) size 784x58
-        RenderText {#text} at (154,38) size 4x19
-          text run at (154,38) width 4: " "
+        RenderText {#text} at (155,38) size 4x19
+          text run at (155,38) width 4: " "
         RenderText {#text} at (0,0) size 0x0
 layer at (8,28) size 300x100 clip at (8,28) size 285x100 scrollHeight 360
   RenderBlock {DIV} at (0,20) size 300x100
@@ -72,13 +72,13 @@ layer at (8,128) size 300x100 clip at (8,128) size 300x85 scrollWidth 1208
       text run at (0,0) width 496: "X scroll X scroll X scroll X scroll X scroll X scroll X scroll X scroll X scroll "
       text run at (495,0) width 332: "X scroll X scroll X scroll X scroll X scroll X scroll "
       text run at (826,0) width 383: "X scroll X scroll X scroll X scroll X scroll X scroll X scroll"
-layer at (10,245) size 150x34 clip at (11,246) size 133x32
-  RenderTextControl {TEXTAREA} at (2,17) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 129x14
-      RenderText {#text} at (3,0) size 81x14
-        text run at (3,0) width 81: "Textarea y-scroll"
-layer at (168,230) size 150x49 clip at (169,231) size 148x32
-  RenderTextControl {TEXTAREA} at (160,2) size 150x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 81x14
-        text run at (3,0) width 81: "Textarea x-scroll"
+layer at (10,245) size 151x34 clip at (11,246) size 134x32
+  RenderTextControl {TEXTAREA} at (2,17) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 124x14
+      RenderText {#text} at (0,0) size 81x14
+        text run at (0,0) width 81: "Textarea y-scroll"
+layer at (169,230) size 151x49 clip at (170,231) size 149x32
+  RenderTextControl {TEXTAREA} at (161,2) size 151x49 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
+      RenderText {#text} at (0,0) size 81x14
+        text run at (0,0) width 81: "Textarea x-scroll"
index 0170c46..8e12fcd 100644 (file)
@@ -37,8 +37,8 @@ layer at (0,0) size 800x600
           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)]
-    RenderBlock {DIV} at (3,3) size 178x68
-      RenderText {#text} at (45,0) size 130x65
-        text run at (45,0) width 9 RTL: " "
-        text run at (53,0) width 122 RTL: "\x{5D0}\x{5DB}\x{5DC}\x{5EA} \x{5E4}\x{5DC}\x{5E4}\x{5DC}?"
-        text run at (79,34) width 96 RTL: "\x{5E9}\x{5EA}\x{5D4} \x{5DE}\x{5D9}\x{5E5}!"
+    RenderBlock {DIV} at (13,3) size 158x68
+      RenderText {#text} at (28,0) size 130x65
+        text run at (28,0) width 9 RTL: " "
+        text run at (36,0) width 122 RTL: "\x{5D0}\x{5DB}\x{5DC}\x{5EA} \x{5E4}\x{5DC}\x{5E4}\x{5DC}?"
+        text run at (62,34) width 96 RTL: "\x{5E9}\x{5EA}\x{5D4} \x{5DE}\x{5D9}\x{5E5}!"
index 80ff71c..94a58c3 100644 (file)
@@ -9,43 +9,43 @@ layer at (0,0) size 800x340
             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 (337,51) size 0x19
-          RenderBR {BR} at (337,122) size 0x19
-          RenderBR {BR} at (337,193) size 0x19
+          RenderBR {BR} at (338,51) size 0x19
+          RenderBR {BR} at (338,122) size 0x19
+          RenderBR {BR} at (338,193) size 0x19
           RenderText {#text} at (0,0) size 0x0
-layer at (10,50) size 333x62 clip at (11,51) size 331x60
-  RenderTextControl {TEXTAREA} at (2,2) size 333x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x43
-      RenderText {#text} at (298,0) size 321x29
-        text run at (298,0) width 1 RTL: " "
-        text run at (298,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (3,15) width 27: "hello!"
-        text run at (29,15) width 1: " "
-      RenderBR {BR} at (324,29) size 0x14
-layer at (10,121) size 333x62 clip at (11,122) size 331x60
-  RenderTextControl {TEXTAREA} at (2,73) size 333x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x43
-      RenderText {#text} at (298,0) size 321x29
-        text run at (298,0) width 1 RTL: " "
-        text run at (298,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (3,15) width 27: "hello!"
-        text run at (29,15) width 1: " "
-      RenderBR {BR} at (3,29) size 0x14
-layer at (10,192) size 333x62 clip at (11,193) size 331x60
-  RenderTextControl {TEXTAREA} at (2,144) size 333x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x43
-      RenderText {#text} at (298,0) size 321x29
-        text run at (298,0) width 1 RTL: " "
-        text run at (298,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (3,15) width 27: "hello!"
-        text run at (29,15) width 1: " "
-      RenderBR {BR} at (3,29) size 0x14
-layer at (10,263) size 333x62 clip at (11,264) size 331x60
-  RenderTextControl {TEXTAREA} at (2,215) size 333x62 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 327x43
-      RenderText {#text} at (298,0) size 321x29
-        text run at (298,0) width 1 RTL: " "
-        text run at (298,0) width 26 RTL: "\x{5E9}\x{5DC}\x{5D5}\x{5DD}!"
-        text run at (3,15) width 27: "hello!"
-        text run at (29,15) width 1: " "
-      RenderBR {BR} at (324,29) size 0x14
+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: " "
+      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: " "
+      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
index f62034d..0613600 100644 (file)
@@ -13,6 +13,7 @@ media/ios [ Pass ]
 quicklook [ Pass ]
 swipe [ Pass ]
 
+fast/forms/textarea/ios [ Pass ]
 fast/text-autosizing/ios [ Pass ]
 fast/zooming/ios [ Pass ]
 http/tests/preload/viewport [ Pass ]
@@ -1679,7 +1680,6 @@ fast/forms/input-baseline.html [ Failure ]
 fast/forms/input-live-pseudo-selectors.html [ Failure ]
 fast/forms/input-no-renderer.html [ Failure ]
 fast/forms/input-set-composition-scroll.html [ Failure ]
-fast/forms/input-textarea-padding-match.html [ ImageOnlyFailure ]
 fast/forms/listbox-clip.html [ Failure ]
 fast/forms/listbox-selection-2.html [ Failure ]
 fast/forms/listbox-selection-3.html [ Failure ]
@@ -1705,7 +1705,6 @@ fast/forms/select/option-selecting.html [ Failure ]
 fast/forms/textarea-input-event.html [ Failure ]
 fast/forms/textarea-live-pseudo-selectors.html [ Failure ]
 fast/forms/textarea-metrics.html [ Failure ]
-fast/forms/textarea-placeholder-wrapping.html [ ImageOnlyFailure ]
 fast/forms/textfield-overflow-by-value-update.html [ Failure ]
 fast/frames/calculate-fixed.html [ Failure ]
 fast/frames/calculate-order.html [ Failure ]
index a8cda7b..9918e41 100644 (file)
@@ -9,24 +9,24 @@
       (children 2
         (GraphicsLayer
           (position 18.00 18.00)
-          (bounds 206.00 126.00)
+          (bounds 234.00 126.00)
           (drawsContent 1)
           (children 1
             (GraphicsLayer
               (offsetFromRenderer width=1 height=1)
               (position 1.00 1.00)
-              (bounds 204.00 124.00)
+              (bounds 232.00 124.00)
               (children 1
                 (GraphicsLayer
                   (offsetFromRenderer width=1 height=1)
                   (bounds origin 0.00 50.00)
-                  (bounds 204.00 124.00)
+                  (bounds 232.00 124.00)
                   (children 1
                     (GraphicsLayer
                       (offsetFromRenderer width=1 height=1)
                       (scrollOffset (0,50))
                       (anchor 0.00 0.00)
-                      (bounds 204.00 270.00)
+                      (bounds 232.00 270.00)
                       (drawsContent 1)
                     )
                   )
           )
         )
         (GraphicsLayer
-          (position 248.00 18.00)
-          (bounds 206.00 126.00)
+          (position 276.00 18.00)
+          (bounds 234.00 126.00)
           (opacity 0.40)
           (drawsContent 1)
           (children 1
             (GraphicsLayer
               (offsetFromRenderer width=1 height=1)
               (position 1.00 1.00)
-              (bounds 204.00 124.00)
+              (bounds 232.00 124.00)
               (children 1
                 (GraphicsLayer
                   (offsetFromRenderer width=1 height=1)
                   (bounds origin 0.00 50.00)
-                  (bounds 204.00 124.00)
+                  (bounds 232.00 124.00)
                   (children 1
                     (GraphicsLayer
                       (offsetFromRenderer width=1 height=1)
                       (scrollOffset (0,50))
                       (anchor 0.00 0.00)
-                      (bounds 204.00 270.00)
+                      (bounds 232.00 270.00)
                       (drawsContent 1)
                     )
                   )
index 539a510..fc2fa0f 100644 (file)
@@ -83,9 +83,9 @@ layer at (0,0) size 800x650
               RenderBlock {DIV} at (1,1) size 20x20 [border: (2px solid #0000FF)]
                 RenderInline {FONT} at (0,0) size 16x12
                   RenderBlock {INPUT} at (2,2) size 16x16 [bgcolor=#FFFFFF02] [border: (1px solid #4C4C4C)]
-      RenderTable {TABLE} at (0,239) size 542x49
-        RenderTableSection {TBODY} at (0,0) size 542x48
-          RenderTableRow {TR} at (0,2) size 542x44
+      RenderTable {TABLE} at (0,239) size 543x49
+        RenderTableSection {TBODY} at (0,0) size 543x48
+          RenderTableRow {TR} at (0,2) size 543x44
             RenderTableCell {TD} at (2,2) size 81x27 [r=0 c=0 rs=1 cs=1]
               RenderBlock {DIV} at (1,1) size 79x25 [border: (2px solid #0000FF)]
                 RenderTextControl {INPUT} at (2,2) size 75x22 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
@@ -102,8 +102,8 @@ layer at (0,0) size 800x650
                     RenderBlock (anonymous) at (12,3) size 59x14
                       RenderText at (0,0) size 59x14
                         text run at (0,0) width 59: "Choose File"
-            RenderTableCell {TD} at (379,2) size 161x44 [r=0 c=3 rs=1 cs=1]
-              RenderBlock {DIV} at (1,1) size 158x42 [border: (2px solid #0000FF)]
+            RenderTableCell {TD} at (379,2) size 162x44 [r=0 c=3 rs=1 cs=1]
+              RenderBlock {DIV} at (1,1) size 159x42 [border: (2px solid #0000FF)]
       RenderBlock {H2} at (0,307) size 784x31
         RenderText {#text} at (0,1) size 200x28
           text run at (0,1) width 200: "Baseline Alignment"
@@ -248,17 +248,17 @@ layer at (20,255) size 61x14
   RenderBlock {DIV} at (6,3) size 62x15
     RenderText {#text} at (0,0) size 41x14
       text run at (0,0) width 41: "text field"
-layer at (392,254) size 150x34 clip at (393,255) size 148x32
-  RenderTextControl {TEXTAREA} at (4,4) size 150x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 40x14
-        text run at (3,0) width 40: "textarea"
+layer at (392,254) size 151x34 clip at (393,255) size 149x32
+  RenderTextControl {TEXTAREA} at (4,4) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
+      RenderText {#text} at (0,0) size 40x14
+        text run at (0,0) width 40: "textarea"
 layer at (44,473) size 61x14
   RenderBlock {DIV} at (6,3) size 62x15
     RenderText {#text} at (0,0) size 41x14
       text run at (0,0) width 41: "text field"
-layer at (361,448) size 150x34 clip at (362,449) size 148x32
-  RenderTextControl {TEXTAREA} at (353,2) size 151x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 144x14
-      RenderText {#text} at (3,0) size 40x14
-        text run at (3,0) width 40: "textarea"
+layer at (361,448) size 151x34 clip at (362,449) size 149x32
+  RenderTextControl {TEXTAREA} at (353,2) size 152x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 139x14
+      RenderText {#text} at (0,0) size 40x14
+        text run at (0,0) width 40: "textarea"
index 3619470..fdb07c1 100644 (file)
@@ -14,10 +14,10 @@ layer at (0,0) size 800x600
 layer at (8,8) size 300x50 clip at (11,11) size 294x44
   RenderTextControl {TEXTAREA} at (0,0) size 300x50 [color=#0000FF] [bgcolor=#FFFFFF] [border: (3px solid #FFFF00)]
     RenderBlock {DIV} at (18,18) size 264x0
-      RenderText {#text} at (3,-16) size 181x31
-        text run at (3,-16) width 163: "ggggggggg"
-        text run at (165,-16) width 19: " "
-        text run at (3,-16) width 163: "ggggggggg"
+      RenderText {#text} at (0,-16) size 181x31
+        text run at (0,-16) width 163: "ggggggggg"
+        text run at (162,-16) width 19: " "
+        text run at (0,-16) width 163: "ggggggggg"
 layer at (312,33) size 300x50 clip at (315,36) size 294x44
   RenderBlock {DIV} at (304,25) size 300x50 [color=#0000FF] [border: (3px solid #FFFF00)]
     RenderBlock {DIV} at (18,18) size 264x0
index b1e7d83..a8cf275 100644 (file)
@@ -17,8 +17,8 @@ layer at (0,0) size 800x600
         RenderBR {BR} at (0,225) size 0x19
 layer at (8,64) size 400x200 clip at (9,65) size 398x198
   RenderTextControl {TEXTAREA} at (0,20) size 400x200 [bgcolor=#FFFFFF] [border: (1px dotted #C0C0C0)]
-    RenderBlock {DIV} at (3,3) size 394x34
-      RenderText {#text} at (3,0) size 379x34
-        text run at (3,0) width 374: "Demo text here that wraps a bit and should demonstrate"
-        text run at (376,0) width 6: " "
-        text run at (3,17) width 179: "the goodness of line-height"
+    RenderBlock {DIV} at (7,3) size 386x34
+      RenderText {#text} at (0,0) size 379x34
+        text run at (0,0) width 374: "Demo text here that wraps a bit and should demonstrate"
+        text run at (373,0) width 6: " "
+        text run at (0,17) width 179: "the goodness of line-height"
index ec4952e..efdf3db 100644 (file)
@@ -18,17 +18,17 @@ size=500 clientWidth=3508
 size=1000 clientWidth=7004
 
 textarea
-cols=1 clientWidth=32
-cols=2 clientWidth=39
-cols=3 clientWidth=46
-cols=4 clientWidth=53
-cols=5 clientWidth=60
-cols=10 clientWidth=95
-cols=20 clientWidth=165
-cols=50 clientWidth=375
-cols=100 clientWidth=725
-cols=500 clientWidth=3522
-cols=1000 clientWidth=7019
+cols=1 clientWidth=33
+cols=2 clientWidth=40
+cols=3 clientWidth=47
+cols=4 clientWidth=54
+cols=5 clientWidth=61
+cols=10 clientWidth=96
+cols=20 clientWidth=166
+cols=50 clientWidth=376
+cols=100 clientWidth=726
+cols=500 clientWidth=3523
+cols=1000 clientWidth=7020
 
 Courier
 input
@@ -45,17 +45,17 @@ size=500 clientWidth=3312
 size=1000 clientWidth=6612
 
 textarea
-cols=1 clientWidth=32
-cols=2 clientWidth=39
-cols=3 clientWidth=45
-cols=4 clientWidth=52
-cols=5 clientWidth=59
-cols=10 clientWidth=92
-cols=20 clientWidth=158
-cols=50 clientWidth=356
-cols=100 clientWidth=686
-cols=500 clientWidth=3326
-cols=1000 clientWidth=6627
+cols=1 clientWidth=33
+cols=2 clientWidth=40
+cols=3 clientWidth=46
+cols=4 clientWidth=53
+cols=5 clientWidth=60
+cols=10 clientWidth=93
+cols=20 clientWidth=159
+cols=50 clientWidth=357
+cols=100 clientWidth=687
+cols=500 clientWidth=3327
+cols=1000 clientWidth=6628
 
 Helvetica
 input
@@ -72,17 +72,17 @@ size=500 clientWidth=3070
 size=1000 clientWidth=6129
 
 textarea
-cols=1 clientWidth=32
-cols=2 clientWidth=38
-cols=3 clientWidth=44
-cols=4 clientWidth=50
-cols=5 clientWidth=56
-cols=10 clientWidth=87
-cols=20 clientWidth=148
-cols=50 clientWidth=331
-cols=100 clientWidth=637
-cols=500 clientWidth=3084
-cols=1000 clientWidth=6143
+cols=1 clientWidth=33
+cols=2 clientWidth=39
+cols=3 clientWidth=45
+cols=4 clientWidth=51
+cols=5 clientWidth=57
+cols=10 clientWidth=88
+cols=20 clientWidth=149
+cols=50 clientWidth=332
+cols=100 clientWidth=638
+cols=500 clientWidth=3085
+cols=1000 clientWidth=6144
 
 Monaco
 input
@@ -99,17 +99,17 @@ size=500 clientWidth=3312
 size=1000 clientWidth=6612
 
 textarea
-cols=1 clientWidth=32
-cols=2 clientWidth=39
-cols=3 clientWidth=45
-cols=4 clientWidth=52
-cols=5 clientWidth=59
-cols=10 clientWidth=92
-cols=20 clientWidth=158
-cols=50 clientWidth=356
-cols=100 clientWidth=686
-cols=500 clientWidth=3326
-cols=1000 clientWidth=6627
+cols=1 clientWidth=33
+cols=2 clientWidth=40
+cols=3 clientWidth=46
+cols=4 clientWidth=53
+cols=5 clientWidth=60
+cols=10 clientWidth=93
+cols=20 clientWidth=159
+cols=50 clientWidth=357
+cols=100 clientWidth=687
+cols=500 clientWidth=3327
+cols=1000 clientWidth=6628
 
 Times
 input
@@ -126,17 +126,17 @@ size=500 clientWidth=2761
 size=1000 clientWidth=5511
 
 textarea
-cols=1 clientWidth=31
-cols=2 clientWidth=36
-cols=3 clientWidth=42
-cols=4 clientWidth=47
-cols=5 clientWidth=53
-cols=10 clientWidth=80
-cols=20 clientWidth=135
-cols=50 clientWidth=300
-cols=100 clientWidth=575
-cols=500 clientWidth=2775
-cols=1000 clientWidth=5525
+cols=1 clientWidth=32
+cols=2 clientWidth=37
+cols=3 clientWidth=43
+cols=4 clientWidth=48
+cols=5 clientWidth=54
+cols=10 clientWidth=81
+cols=20 clientWidth=136
+cols=50 clientWidth=301
+cols=100 clientWidth=576
+cols=500 clientWidth=2776
+cols=1000 clientWidth=5526
 
 Andale Mono
 input
@@ -153,17 +153,17 @@ size=500 clientWidth=2011
 size=1000 clientWidth=4011
 
 textarea
-cols=1 clientWidth=29
-cols=2 clientWidth=33
-cols=3 clientWidth=37
-cols=4 clientWidth=41
-cols=5 clientWidth=45
-cols=10 clientWidth=65
-cols=20 clientWidth=105
-cols=50 clientWidth=225
-cols=100 clientWidth=425
-cols=500 clientWidth=2025
-cols=1000 clientWidth=4025
+cols=1 clientWidth=30
+cols=2 clientWidth=34
+cols=3 clientWidth=38
+cols=4 clientWidth=42
+cols=5 clientWidth=46
+cols=10 clientWidth=66
+cols=20 clientWidth=106
+cols=50 clientWidth=226
+cols=100 clientWidth=426
+cols=500 clientWidth=2026
+cols=1000 clientWidth=4026
 
 Arial
 input
@@ -180,17 +180,17 @@ size=500 clientWidth=2511
 size=1000 clientWidth=5011
 
 textarea
-cols=1 clientWidth=30
-cols=2 clientWidth=35
-cols=3 clientWidth=40
-cols=4 clientWidth=45
-cols=5 clientWidth=50
-cols=10 clientWidth=75
-cols=20 clientWidth=125
-cols=50 clientWidth=275
-cols=100 clientWidth=525
-cols=500 clientWidth=2525
-cols=1000 clientWidth=5025
+cols=1 clientWidth=31
+cols=2 clientWidth=36
+cols=3 clientWidth=41
+cols=4 clientWidth=46
+cols=5 clientWidth=51
+cols=10 clientWidth=76
+cols=20 clientWidth=126
+cols=50 clientWidth=276
+cols=100 clientWidth=526
+cols=500 clientWidth=2526
+cols=1000 clientWidth=5026
 
 Comic Sans MS
 input
@@ -207,17 +207,17 @@ size=500 clientWidth=2011
 size=1000 clientWidth=4011
 
 textarea
-cols=1 clientWidth=29
-cols=2 clientWidth=33
-cols=3 clientWidth=37
-cols=4 clientWidth=41
-cols=5 clientWidth=45
-cols=10 clientWidth=65
-cols=20 clientWidth=105
-cols=50 clientWidth=225
-cols=100 clientWidth=425
-cols=500 clientWidth=2025
-cols=1000 clientWidth=4025
+cols=1 clientWidth=30
+cols=2 clientWidth=34
+cols=3 clientWidth=38
+cols=4 clientWidth=42
+cols=5 clientWidth=46
+cols=10 clientWidth=66
+cols=20 clientWidth=106
+cols=50 clientWidth=226
+cols=100 clientWidth=426
+cols=500 clientWidth=2026
+cols=1000 clientWidth=4026
 
 Courier New
 input
@@ -234,17 +234,17 @@ size=500 clientWidth=3511
 size=1000 clientWidth=7011
 
 textarea
-cols=1 clientWidth=32
-cols=2 clientWidth=39
-cols=3 clientWidth=46
-cols=4 clientWidth=53
-cols=5 clientWidth=60
-cols=10 clientWidth=95
-cols=20 clientWidth=165
-cols=50 clientWidth=375
-cols=100 clientWidth=725
-cols=500 clientWidth=3525
-cols=1000 clientWidth=7025
+cols=1 clientWidth=33
+cols=2 clientWidth=40
+cols=3 clientWidth=47
+cols=4 clientWidth=54
+cols=5 clientWidth=61
+cols=10 clientWidth=96
+cols=20 clientWidth=166
+cols=50 clientWidth=376
+cols=100 clientWidth=726
+cols=500 clientWidth=3526
+cols=1000 clientWidth=7026
 
 Georgia
 input
@@ -261,17 +261,17 @@ size=500 clientWidth=2511
 size=1000 clientWidth=5011
 
 textarea
-cols=1 clientWidth=30
-cols=2 clientWidth=35
-cols=3 clientWidth=40
-cols=4 clientWidth=45
-cols=5 clientWidth=50
-cols=10 clientWidth=75
-cols=20 clientWidth=125
-cols=50 clientWidth=275
-cols=100 clientWidth=525
-cols=500 clientWidth=2525
-cols=1000 clientWidth=5025
+cols=1 clientWidth=31
+cols=2 clientWidth=36
+cols=3 clientWidth=41
+cols=4 clientWidth=46
+cols=5 clientWidth=51
+cols=10 clientWidth=76
+cols=20 clientWidth=126
+cols=50 clientWidth=276
+cols=100 clientWidth=526
+cols=500 clientWidth=2526
+cols=1000 clientWidth=5026
 
 Times New Roman
 input
@@ -288,17 +288,17 @@ size=500 clientWidth=2011
 size=1000 clientWidth=4011
 
 textarea
-cols=1 clientWidth=29
-cols=2 clientWidth=33
-cols=3 clientWidth=37
-cols=4 clientWidth=41
-cols=5 clientWidth=45
-cols=10 clientWidth=65
-cols=20 clientWidth=105
-cols=50 clientWidth=225
-cols=100 clientWidth=425
-cols=500 clientWidth=2025
-cols=1000 clientWidth=4025
+cols=1 clientWidth=30
+cols=2 clientWidth=34
+cols=3 clientWidth=38
+cols=4 clientWidth=42
+cols=5 clientWidth=46
+cols=10 clientWidth=66
+cols=20 clientWidth=106
+cols=50 clientWidth=226
+cols=100 clientWidth=426
+cols=500 clientWidth=2026
+cols=1000 clientWidth=4026
 
 Trebuchet MS
 input
@@ -315,17 +315,17 @@ size=500 clientWidth=2511
 size=1000 clientWidth=5011
 
 textarea
-cols=1 clientWidth=30
-cols=2 clientWidth=35
-cols=3 clientWidth=40
-cols=4 clientWidth=45
-cols=5 clientWidth=50
-cols=10 clientWidth=75
-cols=20 clientWidth=125
-cols=50 clientWidth=275
-cols=100 clientWidth=525
-cols=500 clientWidth=2525
-cols=1000 clientWidth=5025
+cols=1 clientWidth=31
+cols=2 clientWidth=36
+cols=3 clientWidth=41
+cols=4 clientWidth=46
+cols=5 clientWidth=51
+cols=10 clientWidth=76
+cols=20 clientWidth=126
+cols=50 clientWidth=276
+cols=100 clientWidth=526
+cols=500 clientWidth=2526
+cols=1000 clientWidth=5026
 
 Verdana
 input
@@ -342,17 +342,17 @@ size=500 clientWidth=3011
 size=1000 clientWidth=6011
 
 textarea
-cols=1 clientWidth=31
-cols=2 clientWidth=37
-cols=3 clientWidth=43
-cols=4 clientWidth=49
-cols=5 clientWidth=55
-cols=10 clientWidth=85
-cols=20 clientWidth=145
-cols=50 clientWidth=325
-cols=100 clientWidth=625
-cols=500 clientWidth=3025
-cols=1000 clientWidth=6025
+cols=1 clientWidth=32
+cols=2 clientWidth=38
+cols=3 clientWidth=44
+cols=4 clientWidth=50
+cols=5 clientWidth=56
+cols=10 clientWidth=86
+cols=20 clientWidth=146
+cols=50 clientWidth=326
+cols=100 clientWidth=626
+cols=500 clientWidth=3026
+cols=1000 clientWidth=6026
 
 Webdings
 input
@@ -369,17 +369,17 @@ size=500 clientWidth=2011
 size=1000 clientWidth=4011
 
 textarea
-cols=1 clientWidth=29
-cols=2 clientWidth=33
-cols=3 clientWidth=37
-cols=4 clientWidth=41
-cols=5 clientWidth=45
-cols=10 clientWidth=65
-cols=20 clientWidth=105
-cols=50 clientWidth=225
-cols=100 clientWidth=425
-cols=500 clientWidth=2025
-cols=1000 clientWidth=4025
+cols=1 clientWidth=30
+cols=2 clientWidth=34
+cols=3 clientWidth=38
+cols=4 clientWidth=42
+cols=5 clientWidth=46
+cols=10 clientWidth=66
+cols=20 clientWidth=106
+cols=50 clientWidth=226
+cols=100 clientWidth=426
+cols=500 clientWidth=2026
+cols=1000 clientWidth=4026
 
 PASS successfullyParsed is true
 
index 375764b..960218b 100644 (file)
@@ -12,9 +12,9 @@ layer at (0,0) size 800x600
         RenderText {#text} at (0,0) size 0x0
 layer at (8,68) size 467x286 clip at (9,69) size 465x284
   RenderTextControl {TEXTAREA} at (0,20) size 467x286 [color=#333333] [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 461x42
-      RenderText {#text} at (3,0) size 454x28
-        text run at (3,0) width 454: "1234567890abcdefghijABCDEFGHIJ1234567890abcdefghijABCDEFGHIJ12345X7890abcde"
-        text run at (3,14) width 267: "fghijABCDEFGXIJ1234567890abcdefghijABCDEFGHIJ"
-        text run at (269,14) width 1: " "
-      RenderBR {BR} at (3,28) size 0x14
+    RenderBlock {DIV} at (6,3) size 455x42
+      RenderText {#text} at (0,0) size 454x28
+        text run at (0,0) width 454: "1234567890abcdefghijABCDEFGHIJ1234567890abcdefghijABCDEFGHIJ12345X7890abcde"
+        text run at (0,14) width 267: "fghijABCDEFGXIJ1234567890abcdefghijABCDEFGHIJ"
+        text run at (266,14) width 1: " "
+      RenderBR {BR} at (0,28) size 0x14
index f37d24c..203e458 100644 (file)
@@ -9,10 +9,10 @@ layer at (0,0) size 800x600
       RenderTable {TABLE} at (0,20) size 784x42
         RenderTableSection {TBODY} at (0,0) size 784x42
           RenderTableRow {TR} at (0,1) size 784x40
-            RenderTableCell {TD} at (1,1) size 8x40 [r=0 c=0 rs=1 cs=1]
-            RenderTableCell {TD} at (10,1) size 8x40 [r=0 c=1 rs=1 cs=1]
-            RenderTableCell {TD} at (19,1) size 8x40 [r=0 c=2 rs=1 cs=1]
-            RenderTableCell {TD} at (28,10) size 755x22 [r=0 c=3 rs=1 cs=1]
+            RenderTableCell {TD} at (1,1) size 15x40 [r=0 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (17,1) size 15x40 [r=0 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (33,1) size 15x40 [r=0 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (49,10) size 734x22 [r=0 c=3 rs=1 cs=1]
               RenderText {#text} at (1,1) size 4x19
                 text run at (1,1) width 4: " "
       RenderBlock (anonymous) at (0,62) size 784x40
@@ -21,65 +21,65 @@ layer at (0,0) size 800x600
       RenderTable {TABLE} at (0,102) size 784x42
         RenderTableSection {TBODY} at (0,0) size 784x42
           RenderTableRow {TR} at (0,1) size 784x40
-            RenderTableCell {TD} at (1,1) size 8x40 [r=0 c=0 rs=1 cs=1]
-            RenderTableCell {TD} at (10,1) size 8x40 [r=0 c=1 rs=1 cs=1]
-            RenderTableCell {TD} at (19,1) size 8x40 [r=0 c=2 rs=1 cs=1]
-            RenderTableCell {TD} at (28,10) size 755x22 [r=0 c=3 rs=1 cs=1]
+            RenderTableCell {TD} at (1,1) size 15x40 [r=0 c=0 rs=1 cs=1]
+            RenderTableCell {TD} at (17,1) size 15x40 [r=0 c=1 rs=1 cs=1]
+            RenderTableCell {TD} at (33,1) size 15x40 [r=0 c=2 rs=1 cs=1]
+            RenderTableCell {TD} at (49,10) size 734x22 [r=0 c=3 rs=1 cs=1]
               RenderText {#text} at (1,1) size 4x19
                 text run at (1,1) width 4: " "
-layer at (10,32) size 6x34 clip at (0,0) size 0x0 scrollWidth 11 scrollHeight 46
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x42
-      RenderText {#text} at (3,0) size 7x42
-        text run at (3,0) width 7: "o"
-        text run at (3,14) width 7: "n"
-        text run at (3,28) width 7: "e"
-layer at (19,32) size 6x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 46
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x42
-      RenderText {#text} at (3,0) size 8x42
-        text run at (3,0) width 4: "t"
-        text run at (3,14) width 8: "w"
-        text run at (3,28) width 7: "o"
-layer at (28,32) size 6x34 clip at (0,0) size 0x0 scrollWidth 11 scrollHeight 74
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x70
-      RenderText {#text} at (3,0) size 7x70
-        text run at (3,0) width 4: "t"
-        text run at (3,14) width 7: "h"
-        text run at (3,28) width 4: "r"
-        text run at (3,42) width 7: "e"
-        text run at (3,56) width 7: "e"
-layer at (10,114) size 6x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 186
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x182
-      RenderText {#text} at (3,0) size 8x182
-        text run at (3,0) width 7: "o"
-        text run at (3,14) width 7: "n"
-        text run at (3,28) width 7: "e"
-        text run at (3,42) width 0: " "
-        text run at (3,56) width 4: "t"
-        text run at (3,70) width 8: "w"
-        text run at (3,84) width 7: "o"
-        text run at (3,98) width 0: " "
-        text run at (3,112) width 4: "t"
-        text run at (3,126) width 7: "h"
-        text run at (3,140) width 4: "r"
-        text run at (3,154) width 7: "e"
-        text run at (3,168) width 7: "e"
-layer at (19,114) size 6x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 46
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x42
-      RenderText {#text} at (3,0) size 8x42
-        text run at (3,0) width 4: "t"
-        text run at (3,14) width 8: "w"
-        text run at (3,28) width 7: "o"
-layer at (28,114) size 6x34 clip at (0,0) size 0x0 scrollWidth 11 scrollHeight 74
-  RenderTextControl {TEXTAREA} at (1,3) size 6x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 6x70
-      RenderText {#text} at (3,0) size 7x70
-        text run at (3,0) width 4: "t"
-        text run at (3,14) width 7: "h"
-        text run at (3,28) width 4: "r"
-        text run at (3,42) width 7: "e"
-        text run at (3,56) width 7: "e"
+layer at (10,32) size 13x34 clip at (0,0) size 0x0 scrollWidth 12 scrollHeight 46
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x42
+      RenderText {#text} at (0,0) size 7x42
+        text run at (0,0) width 7: "o"
+        text run at (0,14) width 7: "n"
+        text run at (0,28) width 7: "e"
+layer at (26,32) size 13x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 46
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x42
+      RenderText {#text} at (0,0) size 8x42
+        text run at (0,0) width 4: "t"
+        text run at (0,14) width 8: "w"
+        text run at (0,28) width 7: "o"
+layer at (42,32) size 13x34 clip at (0,0) size 0x0 scrollWidth 12 scrollHeight 74
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x70
+      RenderText {#text} at (0,0) size 7x70
+        text run at (0,0) width 4: "t"
+        text run at (0,14) width 7: "h"
+        text run at (0,28) width 4: "r"
+        text run at (0,42) width 7: "e"
+        text run at (0,56) width 7: "e"
+layer at (10,114) size 13x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 186
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x182
+      RenderText {#text} at (0,0) size 8x182
+        text run at (0,0) width 7: "o"
+        text run at (0,14) width 7: "n"
+        text run at (0,28) width 7: "e"
+        text run at (0,42) width 0: " "
+        text run at (0,56) width 4: "t"
+        text run at (0,70) width 8: "w"
+        text run at (0,84) width 7: "o"
+        text run at (0,98) width 0: " "
+        text run at (0,112) width 4: "t"
+        text run at (0,126) width 7: "h"
+        text run at (0,140) width 4: "r"
+        text run at (0,154) width 7: "e"
+        text run at (0,168) width 7: "e"
+layer at (26,114) size 13x34 clip at (0,0) size 0x0 scrollWidth 13 scrollHeight 46
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x42
+      RenderText {#text} at (0,0) size 8x42
+        text run at (0,0) width 4: "t"
+        text run at (0,14) width 8: "w"
+        text run at (0,28) width 7: "o"
+layer at (42,114) size 13x34 clip at (0,0) size 0x0 scrollWidth 12 scrollHeight 74
+  RenderTextControl {TEXTAREA} at (1,3) size 13x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 0x70
+      RenderText {#text} at (0,0) size 7x70
+        text run at (0,0) width 4: "t"
+        text run at (0,14) width 7: "h"
+        text run at (0,28) width 4: "r"
+        text run at (0,42) width 7: "e"
+        text run at (0,56) width 7: "e"
index a8cda7b..9918e41 100644 (file)
@@ -9,24 +9,24 @@
       (children 2
         (GraphicsLayer
           (position 18.00 18.00)
-          (bounds 206.00 126.00)
+          (bounds 234.00 126.00)
           (drawsContent 1)
           (children 1
             (GraphicsLayer
               (offsetFromRenderer width=1 height=1)
               (position 1.00 1.00)
-              (bounds 204.00 124.00)
+              (bounds 232.00 124.00)
               (children 1
                 (GraphicsLayer
                   (offsetFromRenderer width=1 height=1)
                   (bounds origin 0.00 50.00)
-                  (bounds 204.00 124.00)
+                  (bounds 232.00 124.00)
                   (children 1
                     (GraphicsLayer
                       (offsetFromRenderer width=1 height=1)
                       (scrollOffset (0,50))
                       (anchor 0.00 0.00)
-                      (bounds 204.00 270.00)
+                      (bounds 232.00 270.00)
                       (drawsContent 1)
                     )
                   )
           )
         )
         (GraphicsLayer
-          (position 248.00 18.00)
-          (bounds 206.00 126.00)
+          (position 276.00 18.00)
+          (bounds 234.00 126.00)
           (opacity 0.40)
           (drawsContent 1)
           (children 1
             (GraphicsLayer
               (offsetFromRenderer width=1 height=1)
               (position 1.00 1.00)
-              (bounds 204.00 124.00)
+              (bounds 232.00 124.00)
               (children 1
                 (GraphicsLayer
                   (offsetFromRenderer width=1 height=1)
                   (bounds origin 0.00 50.00)
-                  (bounds 204.00 124.00)
+                  (bounds 232.00 124.00)
                   (children 1
                     (GraphicsLayer
                       (offsetFromRenderer width=1 height=1)
                       (scrollOffset (0,50))
                       (anchor 0.00 0.00)
-                      (bounds 204.00 270.00)
+                      (bounds 232.00 270.00)
                       (drawsContent 1)
                     )
                   )
index 16baeb8..2f542eb 100644 (file)
@@ -101,46 +101,46 @@ layer at (0,0) size 800x600
             RenderTableCell {TD} at (764,21) size 16x4 [border: (1px inset #808080)] [r=0 c=2 rs=1 cs=1]
 layer at (20,30) size 760x34 clip at (21,31) size 758x32
   RenderTextControl {TEXTAREA} at (0,2) size 760x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 754x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 748x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (20,88) size 760x34 clip at (21,89) size 758x32
   RenderTextControl {TEXTAREA} at (0,2) size 760x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 754x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 748x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (24,148) size 752x34 clip at (25,149) size 750x32
   RenderTextControl {TEXTAREA} at (0,2) size 752x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 746x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 740x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (24,210) size 752x34 clip at (25,211) size 750x32
   RenderTextControl {TEXTAREA} at (0,2) size 752x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 746x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 740x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (27,273) size 746x34 clip at (28,274) size 744x32
   RenderTextControl {TEXTAREA} at (1,3) size 746x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 740x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 734x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (27,337) size 746x34 clip at (28,338) size 744x32
   RenderTextControl {TEXTAREA} at (1,3) size 746x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 740x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 734x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (24,400) size 752x34 clip at (25,401) size 750x32
   RenderTextControl {TEXTAREA} at (1,3) size 752x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 746x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 740x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (27,463) size 746x34 clip at (28,464) size 744x32
   RenderTextControl {TEXTAREA} at (2,4) size 746x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 740x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 734x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
 layer at (31,529) size 738x34 clip at (32,530) size 736x32
   RenderTextControl {TEXTAREA} at (2,4) size 738x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 732x14
-      RenderText {#text} at (3,0) size 18x14
-        text run at (3,0) width 18: "test"
+    RenderBlock {DIV} at (6,3) size 726x14
+      RenderText {#text} at (0,0) size 18x14
+        text run at (0,0) width 18: "test"
index 0c0b019..6548467 100644 (file)
@@ -11,13 +11,13 @@ layer at (0,0) size 800x600
         RenderTableSection {TBODY} at (1,1) size 298x56
           RenderTableRow {TR} at (0,2) size 298x52
             RenderTableCell {TD} at (2,2) size 294x52 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
-              RenderTable {TABLE} at (2,2) size 72x48 [border: (1px outset #808080)]
-                RenderTableSection {TBODY} at (1,1) size 70x46
-                  RenderTableRow {TR} at (0,2) size 70x42
-                    RenderTableCell {TD} at (2,2) size 66x42 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+              RenderTable {TABLE} at (2,2) size 73x48 [border: (1px outset #808080)]
+                RenderTableSection {TBODY} at (1,1) size 71x46
+                  RenderTableRow {TR} at (0,2) size 71x42
+                    RenderTableCell {TD} at (2,2) size 67x42 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                       RenderText {#text} at (0,0) size 0x0
-layer at (262,40) size 58x34 clip at (263,41) size 56x32
-  RenderTextControl {TEXTAREA} at (4,4) size 58x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 52x14
-      RenderText {#text} at (3,0) size 16x14
-        text run at (3,0) width 16: "bar"
+layer at (262,40) size 59x34 clip at (263,41) size 57x32
+  RenderTextControl {TEXTAREA} at (4,4) size 59x34 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
+    RenderBlock {DIV} at (6,3) size 47x14
+      RenderText {#text} at (0,0) size 16x14
+        text run at (0,0) width 16: "bar"
index f5e5781..8a448a8 100644 (file)
@@ -46,11 +46,11 @@ layer at (0,0) size 800x600
                     text run at (0,0) width 226: "OK: the height of the P is 80 pixels"
 layer at (11,102) size 622x69 clip at (12,103) size 620x67
   RenderTextControl {TEXTAREA} at (1,1) size 623x70 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 617x14
-      RenderText {#text} at (3,0) size 207x14
-        text run at (3,0) width 207: "BUG: the height of the textarea is not 80%"
+    RenderBlock {DIV} at (6,3) size 610x14
+      RenderText {#text} at (0,0) size 207x14
+        text run at (0,0) width 207: "BUG: the height of the textarea is not 80%"
 layer at (11,214) size 622x80 clip at (12,215) size 620x78
   RenderTextControl {TEXTAREA} at (1,1) size 623x80 [bgcolor=#FFFFFF] [border: (1px solid #4C4C4C)]
-    RenderBlock {DIV} at (3,3) size 617x14
-      RenderText {#text} at (3,0) size 202x14
-        text run at (3,0) width 202: "OK: the height of the textarea is 80 pixels"
+    RenderBlock {DIV} at (6,3) size 610x14
+      RenderText {#text} at (0,0) size 202x14
+        text run at (0,0) width 202: "OK: the height of the textarea is 80 pixels"
index c45e4eb..34dd6de 100644 (file)
@@ -1,3 +1,28 @@
+2019-03-04  Daniel Bates  <dabates@apple.com>
+
+        [iOS] Caret x-position in empty text area does not match text field
+        https://bugs.webkit.org/show_bug.cgi?id=195125
+        <rdar://problem/47161070>
+
+        Reviewed by Darin Adler.
+
+        Fix up User Agent styles for <textarea> on iOS such that they have the same left padding
+        width and same text-indent as <input type="text">. This makes the x-position of the caret
+        in an empty textarea match the position of the caret in an empty text field.
+
+        Test: fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html
+
+        * css/html.css:
+        (textarea): For iOS Family, do not use the padding shorthand property. Instead explicitly specify
+        padding-top and padding-bottom to be 2px to keep our current behavior (because it looks reasonable)
+        and do not specify left and right padding so that we inherit the padding set earlier in this file.
+        (textarea::placeholder): Deleted. This was added to "try" to make fix up the position of the placeholder
+        text so as to match the position of the textarea's inner text and the position of a text field's inner
+        text. This fix up may have worked out visually when it was added, but based on the discovery of the
+        hardcoded 3px left and right padding (see below remark) it looks like it was always one pixel too short.
+        * html/HTMLTextAreaElement.cpp:
+        (WebCore::HTMLTextAreaElement::createInnerTextStyle): Remove hardcoded 3px left and right padding.
+
 2019-03-04  Youenn Fablet  <youenn@apple.com>
 
         Make sure to correctly notify of end of a ServiceWorkerJob when the context is stopped
index 6992145..8705330 100644 (file)
@@ -674,14 +674,20 @@ textarea {
     border: 1px solid;
     -webkit-rtl-ordering: logical;
     -webkit-user-select: text;
+    padding: 2px;
 #else
     -webkit-nbsp-mode: space;
     -webkit-line-break: after-white-space;
+
+    /* On iOS we want to inherit the left and right padding for consistency with
+     other form controls (e.g. <input type="text">). We want to use override the
+     top and bottom padding to ensure we have a symmetric look for text areas. */
+    padding-top: 2px;
+    padding-bottom: 2px;
 #endif
     flex-direction: column;
     resize: auto;
     cursor: auto;
-    padding: 2px;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
@@ -821,10 +827,6 @@ input:disabled, textarea:disabled {
 input[readonly], textarea[readonly] {
     border-color: rgb(188, 188, 188);
 }
-
-textarea::placeholder {
-    text-indent: 2px;
-}
 #endif
 
 input:matches([type="button"], [type="submit"], [type="reset"]):disabled,
index beb96fa..71d93b6 100644 (file)
@@ -550,13 +550,6 @@ RenderStyle HTMLTextAreaElement::createInnerTextStyle(const RenderStyle& style)
     textBlockStyle.inheritFrom(style);
     adjustInnerTextStyle(style, textBlockStyle);
     textBlockStyle.setDisplay(DisplayType::Block);
-
-#if PLATFORM(IOS_FAMILY)
-    // We're adding three extra pixels of padding to line textareas up with text fields.  
-    textBlockStyle.setPaddingLeft(Length(3, Fixed));
-    textBlockStyle.setPaddingRight(Length(3, Fixed));
-#endif
-
     return textBlockStyle;
 }