2009-12-22 Dirk Pranke <dpranke@chromium.org>
authoreric@webkit.org <eric@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 22 Dec 2009 22:26:05 +0000 (22:26 +0000)
committereric@webkit.org <eric@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 22 Dec 2009 22:26:05 +0000 (22:26 +0000)
        Reviewed by Eric Seidel.

        Add platform-specific chromium test.
        https://bugs.webkit.org/show_bug.cgi?id=32741

        * platform/chromium/fast/dom/interval-expected.txt: Added.
        * platform/chromium/fast/dom/interval.html: Added.

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

20 files changed:
LayoutTests/ChangeLog
LayoutTests/fast/forms/basic-selects.html [new file with mode: 0644]
LayoutTests/fast/forms/basic-textareas-quirks.html [new file with mode: 0644]
LayoutTests/fast/forms/document-write-empty-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/document-write-empty.html [new file with mode: 0644]
LayoutTests/fast/forms/form-action-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/form-action.html [new file with mode: 0644]
LayoutTests/fast/forms/lazy-event-listener-scope-chain-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/lazy-event-listener-scope-chain.html [new file with mode: 0644]
LayoutTests/fast/forms/resources/logo.gif [new file with mode: 0644]
LayoutTests/fast/forms/selected-index-value-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/selected-index-value.html [new file with mode: 0644]
LayoutTests/fast/forms/style-display-none-expected.txt [new file with mode: 0644]
LayoutTests/fast/forms/style-display-none.html [new file with mode: 0644]
LayoutTests/platform/mac/fast/forms/basic-selects-expected.checksum [new file with mode: 0644]
LayoutTests/platform/mac/fast/forms/basic-selects-expected.png [new file with mode: 0644]
LayoutTests/platform/mac/fast/forms/basic-selects-expected.txt [new file with mode: 0644]
LayoutTests/platform/mac/fast/forms/basic-textareas-quirks-expected.checksum
LayoutTests/platform/mac/fast/forms/basic-textareas-quirks-expected.png
LayoutTests/platform/mac/fast/forms/basic-textareas-quirks-expected.txt

index c01999b..9980f36 100644 (file)
 
         * platform/qt/Skipped: http/tests/misc/set-window-opener-to-null.html added.
 
-2009-12-21  Dirk Pranke  <dpranke@chromium.org>
+2009-12-22  Dirk Pranke  <dpranke@chromium.org>
 
         Reviewed by Eric Seidel.
 
-        Upstream chrome/fast/events/iframe-onload-remove-self-no-crash.html .
-        https://bugs.webkit.org/show_bug.cgi?id=32742 .
+        Upstream a bunch of forms tests from chromium.org.
+        https://bugs.webkit.org/show_bug.cgi?id=32755
+
+        * fast/forms/basic-selects.html: Added.
+        * fast/forms/basic-textareas-quirks.html: Added.
+        * fast/forms/document-write-empty-expected.txt: Added.
+        * fast/forms/document-write-empty.html: Added.
+        * fast/forms/form-action-expected.txt: Added.
+        * fast/forms/form-action.html: Added.
+        * fast/forms/lazy-event-listener-scope-chain-expected.txt: Added.
+        * fast/forms/lazy-event-listener-scope-chain.html: Added.
+        * fast/forms/resources/logo.gif: Added.
+        * fast/forms/selected-index-value-expected.txt: Added.
+        * fast/forms/selected-index-value.html: Added.
+        * fast/forms/style-display-none-expected.txt: Added.
+        * fast/forms/style-display-none.html: Added.
+        * platform/mac/fast/forms/basic-selects-expected.checksum: Added.
+        * platform/mac/fast/forms/basic-selects-expected.png: Added.
+        * platform/mac/fast/forms/basic-selects-expected.txt: Added.
+        * platform/mac/fast/forms/basic-textareas-quirks-expected.checksum:
+        * platform/mac/fast/forms/basic-textareas-quirks-expected.png:
+        * platform/mac/fast/forms/basic-textareas-quirks-expected.txt:
 
-        * fast/frames/iframe-onload-remove-self-no-crash-expected.txt: Added.
-        * fast/frames/iframe-onload-remove-self-no-crash.html: Added.
-        * fast/frames/resources/iframe-onload-remove-self-no-crash-child.html: Added.
-        * fast/frames/resources/iframe-onload-remove-self-no-crash.js: Added.
-        (onWindowLoad):
 
 2009-12-21  Fumitoshi Ukai  <ukai@chromium.org>
 
diff --git a/LayoutTests/fast/forms/basic-selects.html b/LayoutTests/fast/forms/basic-selects.html
new file mode 100644 (file)
index 0000000..fdf341b
--- /dev/null
@@ -0,0 +1,77 @@
+<!DocType html>
+<html>
+<head>
+<style>
+div {
+  border:1px solid red;
+  line-height:1em;
+}
+.borderRadius {
+  padding:10px;
+  -webkit-border-radius: 9px;
+}
+</style>
+</head>
+
+<body>
+
+<div>
+
+Whitespace in option text:<select><option>f o  o</option></select>a<select><option DISABLED>f o  o</option></select>b<br><br>
+Simple select control:<select><option>foo</option><option>bar</option></select>a<select DISABLED><option>foo</option><option>bar</option></select>b<br><br>
+Line-height should be ignored:<select style="line-height:2em"><option>foo</option></select>a<select style="line-height:2em" DISABLED><option DISABLED>foo</option><option>bar</option></select>b<br><br>
+Padding should be respected, the arrow button shouldn't change size:<select style="padding:4px;"><option>foo</option></select>a<select style="padding:4px;" DISABLED><option>foo</option></select>b<br><br>
+Border should be respected:<select style="border:8px solid #3cf;"><option>foo</option></select>a<select style="border:8px solid #3cf;" DISABLED><option>foo</option></select>b<br><br>
+Border + padding:<select style="padding:5px;border:4px solid #3cf;"><option>foo</option></select>a<select style="padding:5px;border:4px solid #3cf;" DISABLED><option>foo</option></select>b<br><br>
+Height larger than font-size, button should grow, text baseline should center:<select style="height:30px"><option>foo</option></select>a<select style="height:30px" DISABLED><option DISABLED>foo</option></select>b<br><br>
+Heigh smaller than font-size, whole select shrinks and is baselined with the text:<select style="height:3px"><option>foo</option><option>bar</option></select>a<select style="height:3px"><option DISABLED>foo</option><option>bar</option></select>b<br><br>
+
+select control with size=0:
+<br> 
+<select size=0> 
+<option>Future Series </option> 
+<option>ICC Intercontinental Cup </option> 
+<option>Twenty20 World Championship </option> 
+<option>Stanford 20/20 </option> 
+<option>All future series </option> 
+</select> 
+<br> 
+
+select control with size=1:
+<br> 
+<select size=1> 
+<option>Future Series </option> 
+<option>ICC Intercontinental Cup </option> 
+<option>Twenty20 World Championship </option> 
+<option>Stanford 20/20 </option> 
+<option>All future series </option> 
+</select> 
+<br> 
+
+Non-styled select control:
+<br> 
+<select class="borderRadius" style="border-width:1px"> 
+<option>Future Series </option> 
+<option>ICC Intercontinental Cup </option> 
+<option>Twenty20 World Championship </option> 
+<option>Stanford 20/20 </option> 
+<option>All future series </option> 
+</select> 
+<br> 
+Styled select control with large border-radius:
+<br> 
+<select class="borderRadius" style="background-color:#3cf"> 
+<option>Future Series </option> 
+<option>ICC Intercontinental Cup </option> 
+<option>Twenty20 World Championship </option> 
+<option>Stanford 20/20 </option> 
+<option>All future series </option> 
+</select> 
+<br> 
+
+</div>
+
+</body>
+</html>
diff --git a/LayoutTests/fast/forms/basic-textareas-quirks.html b/LayoutTests/fast/forms/basic-textareas-quirks.html
new file mode 100644 (file)
index 0000000..bcbc6ba
--- /dev/null
@@ -0,0 +1,252 @@
+<html><head><style>
+div {
+  border:1px solid red;
+  width:350px;
+  font-size:14px;
+  line-height:14px;
+}
+.wrapper-div {
+  float:left;
+}
+</style></head>
+<body>
+
+<div class='wrapper-div'>
+Plain textarea with little content
+<div>
+A
+<textarea>Lorem ipsum dolor</textarea>
+B
+</div>
+
+Plain textarea
+<div>
+A
+<textarea>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+Disabled textarea
+<div>
+A
+<textarea DISABLED>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="padding:10px"
+<div>
+A
+<textarea style="padding:10px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="padding:0px"
+<div>
+A
+<textarea style="padding:0px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="margin:10px"
+<div>
+A
+<textarea style="margin:10px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="margin:0px"
+<div>
+A
+<textarea style="margin:0px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+cols=3
+<div>
+A
+<textarea cols=3>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+rows=3
+<div>
+A
+<textarea rows=3>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+cols=10
+<div>
+A
+<textarea cols=10>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+rows=10
+<div>
+A
+<textarea rows=10>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+cols=5 rows=4
+<div>
+A
+<textarea cols=5 rows=4>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+</div>
+<div class='wrapper-div'>
+
+style="width:60px"
+<div>
+A
+<textarea style="width:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="width:60px;padding:20px"
+<div>
+A
+<textarea style="width:60px;padding:20px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="width:60px;padding:0"
+<div>
+A
+<textarea style="width:60px;padding:0">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="height:60px"
+<div>
+A
+<textarea style="height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="width:60px;height:60px"
+<div>
+A
+<textarea style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="overflow:hidden"
+<div>
+A
+<textarea style="overflow:hidden">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="overflow:scroll"
+<div>
+A
+<textarea style="overflow:scroll">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="overflow:hidden;width:60px;height:60px"
+<div>
+A
+<textarea style="overflow:hidden;width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+style="overflow:scroll;width:60px;height:60px"
+<div>
+A
+<textarea style="overflow:scroll;width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+cols=5 style="width:60px;height:60px"
+<div>
+A
+<textarea cols=5 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+rows=4 style="width:60px;height:60px"
+<div>
+A
+<textarea rows=4 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+cols=5 rows=4 style="width:60px;height:60px"
+<div>
+A
+<textarea cols=5 rows=4 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea>
+B
+</div>
+
+wrap="off"
+<div>
+A
+<textarea wrap="off"> 
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+</textarea> 
+B
+</div>
+
+wrap="hard"
+<div>
+A
+<textarea wrap="hard"> 
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+</textarea> 
+B
+</div>
+
+wrap="soft"
+<div>
+A
+<textarea wrap="soft"> 
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+This is a text area with wrap="soft"
+</textarea> 
+B
+</div>
+</div>
+</body></html>
\ No newline at end of file
diff --git a/LayoutTests/fast/forms/document-write-empty-expected.txt b/LayoutTests/fast/forms/document-write-empty-expected.txt
new file mode 100644 (file)
index 0000000..35ffc24
--- /dev/null
@@ -0,0 +1,3 @@
+This tests that document.write() with no parameters does not output any text. See bug 815592.
+
+There should not be any text below this sentence.
diff --git a/LayoutTests/fast/forms/document-write-empty.html b/LayoutTests/fast/forms/document-write-empty.html
new file mode 100644 (file)
index 0000000..e936d24
--- /dev/null
@@ -0,0 +1,14 @@
+<HTML>
+
+ <BODY>
+ <p>This tests that document.write() with no parameters does not output any text. See bug 815592. </p>
+
+ <p>There should not be any text below this sentence.</p>
+  <script>
+  if (window.layoutTestController)
+    layoutTestController.dumpAsText();
+  document.write() 
+  </script>
+ </BODY>
+</HTML>
\ No newline at end of file
diff --git a/LayoutTests/fast/forms/form-action-expected.txt b/LayoutTests/fast/forms/form-action-expected.txt
new file mode 100644 (file)
index 0000000..ebfb76b
--- /dev/null
@@ -0,0 +1,2 @@
+
+This test: PASSED!
diff --git a/LayoutTests/fast/forms/form-action.html b/LayoutTests/fast/forms/form-action.html
new file mode 100644 (file)
index 0000000..ea5e51b
--- /dev/null
@@ -0,0 +1,33 @@
+<html>
+<body>
+<script>
+ if (window.layoutTestController)
+    layoutTestController.dumpAsText();
+
+function test(ul) {
+ul.document.getElementById('sourceViewDiv').innerHTML=' This test: PASSED!'
+}
+</script>
+
+<form action="javascript: test(this)" method="get" >
+
+<select onChange="submit();">
+  <option >A</option>
+  <option >B</option>
+  <option >C</option>
+</select>
+
+<div id='sourceViewDiv'>This test: FAILED</div>
+
+<script>
+var x=document.getElementsByTagName('select')[0];
+x.options[2].selected=true;
+var evt = document.createEvent("HTMLEvents");
+evt.initEvent("change", true, true);
+x.dispatchEvent(evt);
+</script>
+
+</form>
+
+</body>
+</html>
diff --git a/LayoutTests/fast/forms/lazy-event-listener-scope-chain-expected.txt b/LayoutTests/fast/forms/lazy-event-listener-scope-chain-expected.txt
new file mode 100644 (file)
index 0000000..4f18e1f
--- /dev/null
@@ -0,0 +1,4 @@
+This test tests that a lazy event listener attached to a form element keeps its form in the scope chain when the listener is called by javascript. 
+abc
+
diff --git a/LayoutTests/fast/forms/lazy-event-listener-scope-chain.html b/LayoutTests/fast/forms/lazy-event-listener-scope-chain.html
new file mode 100644 (file)
index 0000000..45570de
--- /dev/null
@@ -0,0 +1,32 @@
+<html>
+
+<script>
+if (window.layoutTestController)
+  layoutTestController.dumpAsText();
+
+function run_test(x) {
+  var r = document.getElementById('result');
+  r.innerHTML = x + '<br>';
+}
+
+function setup() {
+  var f = document.getElementsByTagName('form')[0];
+  f.old_f = f.onsubmit;
+  f.onsubmit = function() {this.old_f();};
+  f.login.click();
+}
+
+</script>
+This test tests that a lazy event listener attached to a form element
+keeps its form in the scope chain when the listener is called by 
+javascript. <br>
+
+<body onload="setup()">
+<form action="javascript:void(0)" onsubmit="run_test(username.value)">
+<input type="text" value="abc" name="username"/>
+<input type="submit" name="login" value="Login"/>
+</form>
+
+<div id="result"></div>
+</body>
+</html>
diff --git a/LayoutTests/fast/forms/resources/logo.gif b/LayoutTests/fast/forms/resources/logo.gif
new file mode 100644 (file)
index 0000000..afa22bc
Binary files /dev/null and b/LayoutTests/fast/forms/resources/logo.gif differ
diff --git a/LayoutTests/fast/forms/selected-index-value-expected.txt b/LayoutTests/fast/forms/selected-index-value-expected.txt
new file mode 100644 (file)
index 0000000..5a7ed6e
--- /dev/null
@@ -0,0 +1,4 @@
+This tests that we can find the selected value of a dropdown when this format is used: [select_name][this.selectedIndex].value. See bug 798404.
+
+
+This test: PASSED!
diff --git a/LayoutTests/fast/forms/selected-index-value.html b/LayoutTests/fast/forms/selected-index-value.html
new file mode 100644 (file)
index 0000000..43c4ce1
--- /dev/null
@@ -0,0 +1,39 @@
+<html >
+<body>
+<p>This tests that we can find the selected value of a dropdown when this format is used: [select_name][this.selectedIndex].value.
+See bug 798404. </p>
+
+<script>
+if (window.layoutTestController)
+    layoutTestController.dumpAsText();
+
+function test(selected_value) {
+if (selected_value == 'C') {
+   document.getElementById("sourceViewDiv").innerHTML=' This test: PASSED!';
+}
+}
+</script>
+
+<form>
+
+<select name="URL" onChange="javascript:test(URL[this.selectedIndex].value);" >
+<option value="A">A</option>
+<option value="B">B</option>
+<option value="C">C</option>
+</select>
+
+<div id='sourceViewDiv'>This test: FAILED</div>
+
+<script>
+var x=document.getElementsByTagName('select')[0];
+x.options[2].selected=true;
+var evt = document.createEvent("HTMLEvents");
+evt.initEvent("change", true, true);
+x.dispatchEvent(evt);
+</script>
+
+</form> 
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/LayoutTests/fast/forms/style-display-none-expected.txt b/LayoutTests/fast/forms/style-display-none-expected.txt
new file mode 100644 (file)
index 0000000..75972d2
--- /dev/null
@@ -0,0 +1,3 @@
+This tests to see if 'style.display' for an element can be set dynamically. See bug 820947.
+
+This test: PASSED!
diff --git a/LayoutTests/fast/forms/style-display-none.html b/LayoutTests/fast/forms/style-display-none.html
new file mode 100644 (file)
index 0000000..9139fed
--- /dev/null
@@ -0,0 +1,21 @@
+<html>
+<body>
+ <p>This tests to see if 'style.display' for an element can be set dynamically.  See bug 820947. </p>
+
+<script>
+if (window.layoutTestController)
+    layoutTestController.dumpAsText();
+
+document.writeln("<div  id=\"result\"> \r\n  This test: FAILED </div>\r\n");
+document.writeln("<div  id=\"announce:Top\">\r\n This text should be hidden </div>\r\n");
+
+var announceTop = document.getElementById("announce:Top");
+announceTop.style.display = "none";
+if ( announceTop.style.display == "none" ) {
+   document.getElementById("result").innerHTML=' This test: PASSED!'
+}
+
+</script>
+
+</body>
+</html>
diff --git a/LayoutTests/platform/mac/fast/forms/basic-selects-expected.checksum b/LayoutTests/platform/mac/fast/forms/basic-selects-expected.checksum
new file mode 100644 (file)
index 0000000..a3535c2
--- /dev/null
@@ -0,0 +1 @@
+f3a1e80daf84d410d3c95d78d56d2443
\ No newline at end of file
diff --git a/LayoutTests/platform/mac/fast/forms/basic-selects-expected.png b/LayoutTests/platform/mac/fast/forms/basic-selects-expected.png
new file mode 100644 (file)
index 0000000..7115c5b
Binary files /dev/null and b/LayoutTests/platform/mac/fast/forms/basic-selects-expected.png differ
diff --git a/LayoutTests/platform/mac/fast/forms/basic-selects-expected.txt b/LayoutTests/platform/mac/fast/forms/basic-selects-expected.txt
new file mode 100644 (file)
index 0000000..ae4c2a5
--- /dev/null
@@ -0,0 +1,174 @@
+layer at (0,0) size 800x600
+  RenderView at (0,0) size 800x600
+layer at (0,0) size 800x486
+  RenderBlock {HTML} at (0,0) size 800x486
+    RenderBody {BODY} at (8,8) size 784x470
+      RenderBlock {DIV} at (0,0) size 784x470 [border: (1px solid #FF0000)]
+        RenderText {#text} at (1,2) size 164x18
+          text run at (1,2) width 164: "Whitespace in option text:"
+        RenderMenuList {SELECT} at (167,3) size 56x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 56x18
+            RenderText at (8,2) size 25x13
+              text run at (8,2) width 25: "f o o"
+        RenderText {#text} at (225,2) size 7x18
+          text run at (225,2) width 7: "a"
+        RenderMenuList {SELECT} at (234,3) size 56x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 56x18
+            RenderText at (8,2) size 25x13
+              text run at (8,2) width 25: "f o o"
+        RenderText {#text} at (292,2) size 8x18
+          text run at (292,2) width 8: "b"
+        RenderBR {BR} at (300,2) size 0x18
+        RenderBR {BR} at (1,22) size 0x18
+        RenderText {#text} at (1,40) size 135x18
+          text run at (1,40) width 135: "Simple select control:"
+        RenderMenuList {SELECT} at (138,41) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (189,40) size 7x18
+          text run at (189,40) width 7: "a"
+        RenderMenuList {SELECT} at (198,41) size 49x18 [color=#808080] [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (249,40) size 8x18
+          text run at (249,40) width 8: "b"
+        RenderBR {BR} at (257,40) size 0x18
+        RenderBR {BR} at (1,60) size 0x18
+        RenderText {#text} at (1,78) size 194x18
+          text run at (1,78) width 194: "Line-height should be ignored:"
+        RenderMenuList {SELECT} at (197,79) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (248,78) size 7x18
+          text run at (248,78) width 7: "a"
+        RenderMenuList {SELECT} at (257,79) size 49x18 [color=#808080] [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (308,78) size 8x18
+          text run at (308,78) width 8: "b"
+        RenderBR {BR} at (316,78) size 0x18
+        RenderBR {BR} at (1,98) size 0x18
+        RenderText {#text} at (1,116) size 434x18
+          text run at (1,116) width 434: "Padding should be respected, the arrow button shouldn't change size:"
+        RenderMenuList {SELECT} at (437,117) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (488,116) size 7x18
+          text run at (488,116) width 7: "a"
+        RenderMenuList {SELECT} at (497,117) size 49x18 [color=#808080] [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (548,116) size 8x18
+          text run at (548,116) width 8: "b"
+        RenderBR {BR} at (556,116) size 0x18
+        RenderBR {BR} at (1,136) size 0x18
+        RenderText {#text} at (1,161) size 176x18
+          text run at (1,161) width 176: "Border should be respected:"
+        RenderMenuList {SELECT} at (179,155) size 63x32 [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
+          RenderBlock (anonymous) at (8,8) size 47x16
+            RenderText at (8,1) size 18x13
+              text run at (8,1) width 18: "foo"
+        RenderText {#text} at (244,161) size 7x18
+          text run at (244,161) width 7: "a"
+        RenderMenuList {SELECT} at (253,155) size 63x32 [color=#808080] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)]
+          RenderBlock (anonymous) at (8,8) size 47x16
+            RenderText at (8,1) size 18x13
+              text run at (8,1) width 18: "foo"
+        RenderText {#text} at (318,161) size 8x18
+          text run at (318,161) width 8: "b"
+        RenderBR {BR} at (326,161) size 0x18
+        RenderBR {BR} at (1,188) size 0x18
+        RenderText {#text} at (1,209) size 116x18
+          text run at (1,209) width 116: "Border + padding:"
+        RenderMenuList {SELECT} at (119,207) size 55x24 [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
+          RenderBlock (anonymous) at (4,4) size 47x16
+            RenderText at (8,1) size 18x13
+              text run at (8,1) width 18: "foo"
+        RenderText {#text} at (176,209) size 7x18
+          text run at (176,209) width 7: "a"
+        RenderMenuList {SELECT} at (185,207) size 55x24 [color=#808080] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)]
+          RenderBlock (anonymous) at (4,4) size 47x16
+            RenderText at (8,1) size 18x13
+              text run at (8,1) width 18: "foo"
+        RenderText {#text} at (242,209) size 8x18
+          text run at (242,209) width 8: "b"
+        RenderBR {BR} at (250,209) size 0x18
+        RenderBR {BR} at (1,232) size 0x18
+        RenderText {#text} at (1,248) size 481x18
+          text run at (1,248) width 481: "Height larger than font-size, button should grow, text baseline should center:"
+        RenderMenuList {SELECT} at (484,249) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (535,248) size 7x18
+          text run at (535,248) width 7: "a"
+        RenderMenuList {SELECT} at (544,249) size 49x18 [color=#808080] [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (595,248) size 8x18
+          text run at (595,248) width 8: "b"
+        RenderBR {BR} at (603,248) size 0x18
+        RenderBR {BR} at (1,266) size 0x18
+        RenderText {#text} at (1,282) size 502x18
+          text run at (1,282) width 502: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:"
+        RenderMenuList {SELECT} at (505,283) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (556,282) size 7x18
+          text run at (556,282) width 7: "a"
+        RenderMenuList {SELECT} at (565,283) size 49x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 49x18
+            RenderText at (8,2) size 18x13
+              text run at (8,2) width 18: "foo"
+        RenderText {#text} at (616,282) size 8x18
+          text run at (616,282) width 8: "b"
+        RenderBR {BR} at (624,282) size 0x18
+        RenderBR {BR} at (1,300) size 0x18
+        RenderText {#text} at (1,316) size 168x18
+          text run at (1,316) width 168: "select control with size=0: "
+        RenderBR {BR} at (169,316) size 0x18
+        RenderMenuList {SELECT} at (3,335) size 199x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 199x18
+            RenderText at (8,2) size 70x13
+              text run at (8,2) width 70: "Future Series"
+        RenderText {#text} at (204,334) size 4x18
+          text run at (204,334) width 4: " "
+        RenderBR {BR} at (0,0) size 0x0
+        RenderText {#text} at (1,354) size 168x18
+          text run at (1,354) width 168: "select control with size=1: "
+        RenderBR {BR} at (169,354) size 0x18
+        RenderMenuList {SELECT} at (3,373) size 199x18 [bgcolor=#FFFFFF]
+          RenderBlock (anonymous) at (0,0) size 199x18
+            RenderText at (8,2) size 70x13
+              text run at (8,2) width 70: "Future Series"
+        RenderText {#text} at (204,372) size 4x18
+          text run at (204,372) width 4: " "
+        RenderBR {BR} at (0,0) size 0x0
+        RenderText {#text} at (1,392) size 165x18
+          text run at (1,392) width 165: "Non-styled select control: "
+        RenderBR {BR} at (166,392) size 0x18
+        RenderMenuList {SELECT} at (3,411) size 199x18 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+          RenderBlock (anonymous) at (1,1) size 197x16
+            RenderText at (8,1) size 70x13
+              text run at (8,1) width 70: "Future Series"
+        RenderText {#text} at (204,410) size 4x18
+          text run at (204,410) width 4: " "
+        RenderBR {BR} at (0,0) size 0x0
+        RenderText {#text} at (1,430) size 290x18
+          text run at (1,430) width 290: "Styled select control with large border-radius: "
+        RenderBR {BR} at (291,430) size 0x18
+        RenderMenuList {SELECT} at (3,449) size 199x18 [bgcolor=#33CCFF] [border: (1px solid #000000)]
+          RenderBlock (anonymous) at (1,1) size 197x16
+            RenderText at (8,1) size 70x13
+              text run at (8,1) width 70: "Future Series"
+        RenderText {#text} at (204,448) size 4x18
+          text run at (204,448) width 4: " "
+        RenderBR {BR} at (0,0) size 0x0
index 6e98e02..fedc9bf 100644 (file)
Binary files a/LayoutTests/platform/mac/fast/forms/basic-textareas-quirks-expected.png and b/LayoutTests/platform/mac/fast/forms/basic-textareas-quirks-expected.png differ
index 7658da7..78697af 100644 (file)
-layer at (0,0) size 785x1026
+layer at (0,0) size 785x1050
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1026
+layer at (0,0) size 785x1050
   RenderBlock {HTML} at (0,0) size 785x600
     RenderBody {BODY} at (8,8) size 769x584
-      RenderBlock (floating) {DIV} at (0,0) size 352x777 [border: (1px solid #FF0000)]
+      RenderBlock (floating) {DIV} at (0,0) size 352x817 [border: (1px solid #FF0000)]
         RenderBlock (anonymous) at (1,1) size 350x14
           RenderText {#text} at (0,-1) size 181x17
             text run at (0,-1) width 181: "Plain textarea with little content"
-        RenderBlock {DIV} at (1,15) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 13: " B"
-        RenderBlock (anonymous) at (1,51) size 350x14
+        RenderBlock {DIV} at (1,15) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 13: " B"
+        RenderBlock (anonymous) at (1,55) size 350x14
           RenderText {#text} at (0,-1) size 77x17
             text run at (0,-1) width 77: "Plain textarea"
-        RenderBlock {DIV} at (1,65) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 13: " B"
-        RenderBlock (anonymous) at (1,101) size 350x14
+        RenderBlock {DIV} at (1,69) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 13: " B"
+        RenderBlock (anonymous) at (1,109) size 350x14
           RenderText {#text} at (0,-1) size 97x17
             text run at (0,-1) width 97: "Disabled textarea"
-        RenderBlock {DIV} at (1,115) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 13: " B"
-        RenderBlock (anonymous) at (1,151) size 350x14
+        RenderBlock {DIV} at (1,123) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 13: " B"
+        RenderBlock (anonymous) at (1,163) size 350x14
           RenderText {#text} at (0,-1) size 123x17
             text run at (0,-1) width 123: "style=\"padding:10px\""
-        RenderBlock {DIV} at (1,165) size 352x56 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,177) size 352x56 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,40) size 14x17
             text run at (1,40) width 14: "A "
-          RenderText {#text} at (202,40) size 13x17
-            text run at (202,40) width 13: " B"
-        RenderBlock (anonymous) at (1,221) size 350x14
+          RenderText {#text} at (164,40) size 13x17
+            text run at (164,40) width 13: " B"
+        RenderBlock (anonymous) at (1,233) size 350x14
           RenderText {#text} at (0,-1) size 116x17
             text run at (0,-1) width 116: "style=\"padding:0px\""
-        RenderBlock {DIV} at (1,235) size 352x36 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,247) size 352x36 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,20) size 14x17
             text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 13: " B"
-        RenderBlock (anonymous) at (1,271) size 350x14
+          RenderText {#text} at (144,20) size 13x17
+            text run at (144,20) width 13: " B"
+        RenderBlock (anonymous) at (1,283) size 350x14
           RenderText {#text} at (0,-1) size 118x17
             text run at (0,-1) width 118: "style=\"margin:10px\""
-        RenderBlock {DIV} at (1,285) size 352x52 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,36) size 14x17
-            text run at (1,36) width 14: "A "
-          RenderText {#text} at (198,36) size 13x17
-            text run at (198,36) width 13: " B"
-        RenderBlock (anonymous) at (1,337) size 350x14
+        RenderBlock {DIV} at (1,297) size 352x56 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,40) size 14x17
+            text run at (1,40) width 14: "A "
+          RenderText {#text} at (164,40) size 13x17
+            text run at (164,40) width 13: " B"
+        RenderBlock (anonymous) at (1,353) size 350x14
           RenderText {#text} at (0,-1) size 111x17
             text run at (0,-1) width 111: "style=\"margin:0px\""
-        RenderBlock {DIV} at (1,351) size 352x32 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,16) size 14x17
-            text run at (1,16) width 14: "A "
-          RenderText {#text} at (178,16) size 13x17
-            text run at (178,16) width 13: " B"
-        RenderBlock (anonymous) at (1,383) size 350x14
-          RenderText {#text} at (0,-1) size 37x17
-            text run at (0,-1) width 37: "cols=3"
-        RenderBlock {DIV} at (1,397) size 352x36 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,367) size 352x36 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,20) size 14x17
             text run at (1,20) width 14: "A "
-          RenderText {#text} at (63,20) size 13x17
-            text run at (63,20) width 13: " B"
-        RenderBlock (anonymous) at (1,433) size 350x14
+          RenderText {#text} at (144,20) size 13x17
+            text run at (144,20) width 13: " B"
+        RenderBlock (anonymous) at (1,403) size 350x14
+          RenderText {#text} at (0,-1) size 37x17
+            text run at (0,-1) width 37: "cols=3"
+        RenderBlock {DIV} at (1,417) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (57,24) size 13x17
+            text run at (57,24) width 13: " B"
+        RenderBlock (anonymous) at (1,457) size 350x14
           RenderText {#text} at (0,-1) size 42x17
             text run at (0,-1) width 42: "rows=3"
-        RenderBlock {DIV} at (1,447) size 352x49 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,33) size 14x17
-            text run at (1,33) width 14: "A "
-          RenderText {#text} at (182,33) size 13x17
-            text run at (182,33) width 13: " B"
-        RenderBlock (anonymous) at (1,496) size 350x14
+        RenderBlock {DIV} at (1,471) size 352x53 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,37) size 14x17
+            text run at (1,37) width 14: "A "
+          RenderText {#text} at (148,37) size 13x17
+            text run at (148,37) width 13: " B"
+        RenderBlock (anonymous) at (1,524) size 350x14
           RenderText {#text} at (0,-1) size 44x17
             text run at (0,-1) width 44: "cols=10"
-        RenderBlock {DIV} at (1,510) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (112,20) size 13x17
-            text run at (112,20) width 13: " B"
-        RenderBlock (anonymous) at (1,546) size 350x14
+        RenderBlock {DIV} at (1,538) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (94,24) size 13x17
+            text run at (94,24) width 13: " B"
+        RenderBlock (anonymous) at (1,578) size 350x14
           RenderText {#text} at (0,-1) size 49x17
             text run at (0,-1) width 49: "rows=10"
-        RenderBlock {DIV} at (1,560) size 352x140 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,124) size 14x17
-            text run at (1,124) width 14: "A "
-          RenderText {#text} at (182,124) size 13x17
-            text run at (182,124) width 13: " B"
-        RenderBlock (anonymous) at (1,700) size 350x14
+        RenderBlock {DIV} at (1,592) size 352x144 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,128) size 14x17
+            text run at (1,128) width 14: "A "
+          RenderText {#text} at (148,128) size 13x17
+            text run at (148,128) width 13: " B"
+        RenderBlock (anonymous) at (1,736) size 350x14
           RenderText {#text} at (0,-1) size 83x17
             text run at (0,-1) width 83: "cols=5 rows=4"
-        RenderBlock {DIV} at (1,714) size 352x62 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,46) size 14x17
-            text run at (1,46) width 14: "A "
-          RenderText {#text} at (77,46) size 13x17
-            text run at (77,46) width 13: " B"
-      RenderBlock (floating) {DIV} at (352,0) size 352x1018 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,750) size 352x66 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,50) size 14x17
+            text run at (1,50) width 14: "A "
+          RenderText {#text} at (67,50) size 13x17
+            text run at (67,50) width 13: " B"
+      RenderBlock (floating) {DIV} at (352,0) size 352x1042 [border: (1px solid #FF0000)]
         RenderBlock (anonymous) at (1,1) size 350x14
           RenderText {#text} at (0,-1) size 110x17
             text run at (0,-1) width 110: "style=\"width:60px\""
-        RenderBlock {DIV} at (1,15) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (75,20) size 13x17
-            text run at (75,20) width 13: " B"
-        RenderBlock (anonymous) at (1,51) size 350x14
+        RenderBlock {DIV} at (1,15) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (75,24) size 13x17
+            text run at (75,24) width 13: " B"
+        RenderBlock (anonymous) at (1,55) size 350x14
           RenderText {#text} at (0,-1) size 191x17
             text run at (0,-1) width 191: "style=\"width:60px;padding:20px\""
-        RenderBlock {DIV} at (1,65) size 352x76 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,69) size 352x76 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,60) size 14x17
             text run at (1,60) width 14: "A "
           RenderText {#text} at (75,60) size 13x17
             text run at (75,60) width 13: " B"
-        RenderBlock (anonymous) at (1,141) size 350x14
+        RenderBlock (anonymous) at (1,145) size 350x14
           RenderText {#text} at (0,-1) size 170x17
             text run at (0,-1) width 170: "style=\"width:60px;padding:0\""
-        RenderBlock {DIV} at (1,155) size 352x36 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,159) size 352x36 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,20) size 14x17
             text run at (1,20) width 14: "A "
           RenderText {#text} at (75,20) size 13x17
             text run at (75,20) width 13: " B"
-        RenderBlock (anonymous) at (1,191) size 350x14
+        RenderBlock (anonymous) at (1,195) size 350x14
           RenderText {#text} at (0,-1) size 113x17
             text run at (0,-1) width 113: "style=\"height:60px\""
-        RenderBlock {DIV} at (1,205) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,209) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
-          RenderText {#text} at (182,48) size 13x17
-            text run at (182,48) width 13: " B"
-        RenderBlock (anonymous) at (1,269) size 350x14
+          RenderText {#text} at (148,48) size 13x17
+            text run at (148,48) width 13: " B"
+        RenderBlock (anonymous) at (1,273) size 350x14
           RenderText {#text} at (0,-1) size 181x17
             text run at (0,-1) width 181: "style=\"width:60px;height:60px\""
-        RenderBlock {DIV} at (1,283) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,287) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,347) size 350x14
+        RenderBlock (anonymous) at (1,351) size 350x14
           RenderText {#text} at (0,-1) size 139x17
             text run at (0,-1) width 139: "style=\"overflow:hidden\""
-        RenderBlock {DIV} at (1,361) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 13: " B"
-        RenderBlock (anonymous) at (1,397) size 350x14
+        RenderBlock {DIV} at (1,365) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 13: " B"
+        RenderBlock (anonymous) at (1,405) size 350x14
           RenderText {#text} at (0,-1) size 132x17
             text run at (0,-1) width 132: "style=\"overflow:scroll\""
-        RenderBlock {DIV} at (1,411) size 352x51 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,35) size 14x17
-            text run at (1,35) width 14: "A "
-          RenderText {#text} at (182,35) size 13x17
-            text run at (182,35) width 13: " B"
-        RenderBlock (anonymous) at (1,462) size 350x14
+        RenderBlock {DIV} at (1,419) size 352x55 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,39) size 14x17
+            text run at (1,39) width 14: "A "
+          RenderText {#text} at (148,39) size 13x17
+            text run at (148,39) width 13: " B"
+        RenderBlock (anonymous) at (1,474) size 350x14
           RenderText {#text} at (0,-1) size 278x17
             text run at (0,-1) width 278: "style=\"overflow:hidden;width:60px;height:60px\""
-        RenderBlock {DIV} at (1,476) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,488) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,540) size 350x14
+        RenderBlock (anonymous) at (1,552) size 350x14
           RenderText {#text} at (0,-1) size 271x17
             text run at (0,-1) width 271: "style=\"overflow:scroll;width:60px;height:60px\""
-        RenderBlock {DIV} at (1,554) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,566) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,618) size 350x14
+        RenderBlock (anonymous) at (1,630) size 350x14
           RenderText {#text} at (0,-1) size 222x17
             text run at (0,-1) width 222: "cols=5 style=\"width:60px;height:60px\""
-        RenderBlock {DIV} at (1,632) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,644) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,696) size 350x14
+        RenderBlock (anonymous) at (1,708) size 350x14
           RenderText {#text} at (0,-1) size 227x17
             text run at (0,-1) width 227: "rows=4 style=\"width:60px;height:60px\""
-        RenderBlock {DIV} at (1,710) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,722) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,774) size 350x14
+        RenderBlock (anonymous) at (1,786) size 350x14
           RenderText {#text} at (0,-1) size 268x17
             text run at (0,-1) width 268: "cols=5 rows=4 style=\"width:60px;height:60px\""
-        RenderBlock {DIV} at (1,788) size 352x64 [border: (1px solid #FF0000)]
+        RenderBlock {DIV} at (1,800) size 352x64 [border: (1px solid #FF0000)]
           RenderText {#text} at (1,48) size 14x17
             text run at (1,48) width 14: "A "
           RenderText {#text} at (75,48) size 13x17
             text run at (75,48) width 13: " B"
-        RenderBlock (anonymous) at (1,852) size 350x14
+        RenderBlock (anonymous) at (1,864) size 350x14
           RenderText {#text} at (0,-1) size 65x17
             text run at (0,-1) width 65: "wrap=\"off\""
-        RenderBlock {DIV} at (1,866) size 352x51 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,35) size 14x17
-            text run at (1,35) width 14: "A "
-          RenderText {#text} at (182,35) size 13x17
-            text run at (182,35) width 4: " "
-            text run at (186,35) width 9: "B"
-        RenderBlock (anonymous) at (1,917) size 350x14
+        RenderBlock {DIV} at (1,878) size 352x55 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,39) size 14x17
+            text run at (1,39) width 14: "A "
+          RenderText {#text} at (148,39) size 13x17
+            text run at (148,39) width 4: " "
+            text run at (152,39) width 9: "B"
+        RenderBlock (anonymous) at (1,933) size 350x14
           RenderText {#text} at (0,-1) size 73x17
             text run at (0,-1) width 73: "wrap=\"hard\""
-        RenderBlock {DIV} at (1,931) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 4: " "
-            text run at (186,20) width 9: "B"
-        RenderBlock (anonymous) at (1,967) size 350x14
+        RenderBlock {DIV} at (1,947) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 4: " "
+            text run at (152,24) width 9: "B"
+        RenderBlock (anonymous) at (1,987) size 350x14
           RenderText {#text} at (0,-1) size 69x17
             text run at (0,-1) width 69: "wrap=\"soft\""
-        RenderBlock {DIV} at (1,981) size 352x36 [border: (1px solid #FF0000)]
-          RenderText {#text} at (1,20) size 14x17
-            text run at (1,20) width 14: "A "
-          RenderText {#text} at (182,20) size 13x17
-            text run at (182,20) width 4: " "
-            text run at (186,20) width 9: "B"
-layer at (26,26) size 163x28 clip at (27,27) size 161x26
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 161x13
-      RenderText {#text} at (3,0) size 102x13
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-layer at (26,76) size 163x28 clip at (27,77) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,126) size 163x28 clip at (27,127) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52 [color=#545454]
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,176) size 183x48 clip at (27,177) size 166x46 scrollHeight 62
-  RenderTextControl {TEXTAREA} at (17,3) size 183x48 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (11,11) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,246) size 163x28 clip at (27,247) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (34,304) size 163x28 clip at (35,305) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (25,11) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (24,360) size 163x28 clip at (25,361) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (15,1) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,408) size 44x28 clip at (27,409) size 27x26 scrollHeight 312
-  RenderTextControl {TEXTAREA} at (17,3) size 44x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 27x312
-      RenderText {#text} at (3,0) size 21x312
-        text run at (3,0) width 18: "Lor"
-        text run at (3,13) width 17: "em"
-        text run at (20,13) width 3: " "
-        text run at (3,26) width 16: "ips"
-        text run at (3,39) width 18: "um"
-        text run at (21,39) width 3: " "
-        text run at (3,52) width 17: "dol"
-        text run at (3,65) width 12: "or"
-        text run at (15,65) width 3: " "
-        text run at (3,78) width 14: "AB"
-        text run at (3,91) width 16: "CD"
-        text run at (3,104) width 20: "EFG"
-        text run at (3,117) width 15: "HIJ"
-        text run at (3,130) width 14: "KL"
-        text run at (3,143) width 18: "MN"
-        text run at (3,156) width 15: "OP"
-        text run at (3,169) width 16: "QR"
-        text run at (3,182) width 21: "STU"
-        text run at (3,195) width 17: "VW"
-        text run at (3,208) width 21: "XYZ"
-        text run at (24,208) width 0: " "
-        text run at (3,221) width 19: "abc"
-        text run at (3,234) width 18: "def"
-        text run at (3,247) width 21: "ghij"
-        text run at (3,260) width 20: "klm"
-        text run at (3,273) width 21: "nop"
-        text run at (3,286) width 18: "qrs"
-        text run at (3,299) width 17: "tuv"
-        text run at (20,299) width 3: " "
-layer at (26,458) size 163x41 clip at (27,459) size 146x39 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x41 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,521) size 93x28 clip at (27,522) size 76x26 scrollHeight 91
-  RenderTextControl {TEXTAREA} at (17,3) size 93x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 76x91
-      RenderText {#text} at (3,0) size 70x91
-        text run at (3,0) width 70: "Lorem ipsum"
-        text run at (73,0) width 0: " "
-        text run at (3,13) width 29: "dolor"
-        text run at (32,13) width 3: " "
-        text run at (3,26) width 65: "ABCDEFGHIJ"
-        text run at (3,39) width 67: "KLMNOPQRS"
-        text run at (3,52) width 52: "TUVWXYZ"
-        text run at (55,52) width 3: " "
-        text run at (3,65) width 66: "abcdefghijkl"
-        text run at (3,78) width 65: "mnopqrstuv"
-        text run at (68,78) width 3: " "
-layer at (26,571) size 163x132 clip at (27,572) size 161x130
-  RenderTextControl {TEXTAREA} at (17,3) size 163x132 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 161x52
-      RenderText {#text} at (3,0) size 153x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 153: "ABCDEFGHIJKLMNOPQRSTUV"
-        text run at (3,26) width 30: "WXYZ"
-        text run at (33,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (26,725) size 58x54 clip at (27,726) size 41x52 scrollHeight 169
-  RenderTextControl {TEXTAREA} at (17,3) size 58x54 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 41x169
-      RenderText {#text} at (3,0) size 35x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 1: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 2: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 30: "ABCD"
-        text run at (3,52) width 35: "EFGHIJ"
-        text run at (3,65) width 31: "KLMN"
-        text run at (3,78) width 31: "OPQR"
-        text run at (3,91) width 28: "STUV"
-        text run at (3,104) width 30: "WXYZ"
-        text run at (33,104) width 3: " "
-        text run at (3,117) width 32: "abcde"
-        text run at (3,130) width 34: "fghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-layer at (376,26) size 60x28 clip at (377,27) size 43x26 scrollHeight 169
-  RenderTextControl {TEXTAREA} at (15,3) size 60x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (376,76) size 60x68 clip at (377,77) size 43x66 scrollHeight 839
+        RenderBlock {DIV} at (1,1001) size 352x40 [border: (1px solid #FF0000)]
+          RenderText {#text} at (1,24) size 14x17
+            text run at (1,24) width 14: "A "
+          RenderText {#text} at (148,24) size 13x17
+            text run at (148,24) width 4: " "
+            text run at (152,24) width 9: "B"
+layer at (26,26) size 129x32 clip at (27,27) size 127x30
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 123x13
+      RenderText {#text} at (0,0) size 102x13
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+layer at (26,80) size 129x32 clip at (27,81) size 112x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (26,134) size 129x32 clip at (27,135) size 112x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65 [color=#545454]
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (26,188) size 145x48 clip at (27,189) size 128x46 scrollHeight 85
+  RenderTextControl {TEXTAREA} at (17,3) size 145x48 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (11,11) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (26,258) size 125x28 clip at (27,259) size 108x26 scrollHeight 65
+  RenderTextControl {TEXTAREA} at (17,3) size 125x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (1,1) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (34,316) size 129x32 clip at (35,317) size 112x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (25,11) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (24,376) size 129x32 clip at (25,377) size 112x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (15,1) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (26,428) size 38x32 clip at (27,429) size 21x30 scrollHeight 407
+  RenderTextControl {TEXTAREA} at (17,3) size 38x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 17x403
+      RenderText {#text} at (0,0) size 17x403
+        text run at (0,0) width 13: "Lo"
+        text run at (0,13) width 11: "re"
+        text run at (0,26) width 11: "m"
+        text run at (11,26) width 3: " "
+        text run at (0,39) width 16: "ips"
+        text run at (0,52) width 7: "u"
+        text run at (0,65) width 11: "m"
+        text run at (11,65) width 3: " "
+        text run at (0,78) width 17: "dol"
+        text run at (0,91) width 12: "or"
+        text run at (12,91) width 3: " "
+        text run at (0,104) width 14: "AB"
+        text run at (0,117) width 16: "CD"
+        text run at (0,130) width 12: "EF"
+        text run at (0,143) width 17: "GH"
+        text run at (0,156) width 14: "IJK"
+        text run at (0,169) width 16: "LM"
+        text run at (0,182) width 17: "NO"
+        text run at (0,195) width 15: "PQ"
+        text run at (0,208) width 13: "RS"
+        text run at (0,221) width 15: "TU"
+        text run at (0,234) width 17: "VW"
+        text run at (0,247) width 14: "XY"
+        text run at (0,260) width 7: "Z"
+        text run at (7,260) width 3: " "
+        text run at (0,273) width 13: "ab"
+        text run at (0,286) width 13: "cd"
+        text run at (0,299) width 11: "ef"
+        text run at (0,312) width 17: "ghi"
+        text run at (0,325) width 13: "jkl"
+        text run at (0,338) width 11: "m"
+        text run at (0,351) width 14: "no"
+        text run at (0,364) width 14: "pq"
+        text run at (0,377) width 15: "rst"
+        text run at (0,390) width 13: "uv"
+        text run at (13,390) width 3: " "
+layer at (26,482) size 129x45 clip at (27,483) size 112x43 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,3) size 129x45 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (26,549) size 75x32 clip at (27,550) size 58x30 scrollHeight 134
+  RenderTextControl {TEXTAREA} at (17,3) size 75x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 54x130
+      RenderText {#text} at (0,0) size 54x130
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 50: "ABCDEFG"
+        text run at (0,52) width 54: "HIJKLMNO"
+        text run at (0,65) width 50: "PQRSTUV"
+        text run at (0,78) width 30: "WXYZ"
+        text run at (30,78) width 3: " "
+        text run at (0,91) width 53: "abcdefghi"
+        text run at (0,104) width 51: "jklmnopq"
+        text run at (0,117) width 27: "rstuv"
+        text run at (27,117) width 3: " "
+layer at (26,603) size 129x136 clip at (27,604) size 127x134
+  RenderTextControl {TEXTAREA} at (17,3) size 129x136 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 123x65
+      RenderText {#text} at (0,0) size 119x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 119: "ABCDEFGHIJKLMNOPQ"
+        text run at (0,26) width 65: "RSTUVWXYZ"
+        text run at (65,26) width 3: " "
+        text run at (0,39) width 118: "abcdefghijklmnopqrst"
+        text run at (0,52) width 13: "uv"
+        text run at (13,52) width 3: " "
+layer at (26,761) size 48x58 clip at (27,762) size 31x56 scrollHeight 277
+  RenderTextControl {TEXTAREA} at (17,3) size 48x58 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 27x273
+      RenderText {#text} at (0,0) size 27x273
+        text run at (0,0) width 24: "Lore"
+        text run at (0,13) width 11: "m"
+        text run at (11,13) width 3: " "
+        text run at (0,26) width 23: "ipsu"
+        text run at (0,39) width 11: "m"
+        text run at (11,39) width 3: " "
+        text run at (0,52) width 24: "dolo"
+        text run at (0,65) width 5: "r"
+        text run at (5,65) width 3: " "
+        text run at (0,78) width 22: "ABC"
+        text run at (0,91) width 21: "DEF"
+        text run at (0,104) width 23: "GHIJ"
+        text run at (0,117) width 23: "KLM"
+        text run at (0,130) width 23: "NOP"
+        text run at (0,143) width 22: "QRS"
+        text run at (0,156) width 22: "TUV"
+        text run at (0,169) width 24: "WXY"
+        text run at (0,182) width 7: "Z"
+        text run at (7,182) width 3: " "
+        text run at (0,195) width 26: "abcd"
+        text run at (0,208) width 24: "efgh"
+        text run at (0,221) width 27: "ijklm"
+        text run at (0,234) width 21: "nop"
+        text run at (0,247) width 22: "qrst"
+        text run at (0,260) width 13: "uv"
+        text run at (13,260) width 3: " "
+layer at (376,26) size 60x32 clip at (377,27) size 43x30 scrollHeight 160
+  RenderTextControl {TEXTAREA} at (15,3) size 60x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (376,80) size 60x68 clip at (377,81) size 43x66 scrollHeight 859
   RenderTextControl {TEXTAREA} at (15,3) size 60x68 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (21,21) size 6x819
-      RenderText {#text} at (3,0) size 11x819
-        text run at (3,0) width 6: "L"
-        text run at (3,13) width 7: "o"
-        text run at (3,26) width 5: "r"
-        text run at (3,39) width 7: "e"
-        text run at (3,52) width 11: "m"
-        text run at (3,65) width 4: "i"
-        text run at (3,78) width 7: "p"
-        text run at (3,91) width 6: "s"
-        text run at (3,104) width 7: "u"
-        text run at (3,117) width 11: "m"
-        text run at (3,130) width 7: "d"
-        text run at (3,143) width 7: "o"
-        text run at (3,156) width 4: "l"
-        text run at (3,169) width 7: "o"
-        text run at (3,182) width 5: "r"
-        text run at (3,195) width 8: "A"
-        text run at (3,208) width 7: "B"
-        text run at (3,221) width 8: "C"
-        text run at (3,234) width 9: "D"
-        text run at (3,247) width 6: "E"
-        text run at (3,260) width 6: "F"
-        text run at (3,273) width 8: "G"
-        text run at (3,286) width 9: "H"
-        text run at (3,299) width 4: "I"
-        text run at (3,312) width 4: "J"
-        text run at (3,325) width 8: "K"
-        text run at (3,338) width 6: "L"
-        text run at (3,351) width 10: "M"
-        text run at (3,364) width 9: "N"
-        text run at (3,377) width 9: "O"
-        text run at (3,390) width 7: "P"
-        text run at (3,403) width 9: "Q"
-        text run at (3,416) width 7: "R"
-        text run at (3,429) width 6: "S"
-        text run at (3,442) width 7: "T"
-        text run at (3,455) width 8: "U"
-        text run at (3,468) width 8: "V"
-        text run at (3,481) width 10: "W"
-        text run at (3,494) width 7: "X"
-        text run at (3,507) width 7: "Y"
-        text run at (3,520) width 7: "Z"
-        text run at (3,533) width 7: "a"
-        text run at (3,546) width 7: "b"
-        text run at (3,559) width 6: "c"
-        text run at (3,572) width 7: "d"
-        text run at (3,585) width 7: "e"
-        text run at (3,598) width 5: "f"
-        text run at (3,611) width 7: "g"
-        text run at (3,624) width 7: "h"
-        text run at (3,637) width 4: "i"
-        text run at (3,650) width 4: "j"
-        text run at (3,663) width 7: "k"
-        text run at (3,676) width 4: "l"
-        text run at (3,689) width 11: "m"
-        text run at (3,702) width 7: "n"
-        text run at (3,715) width 7: "o"
-        text run at (3,728) width 7: "p"
-        text run at (3,741) width 7: "q"
-        text run at (3,754) width 5: "r"
-        text run at (3,767) width 6: "s"
-        text run at (3,780) width 5: "t"
-        text run at (3,793) width 7: "u"
-        text run at (3,806) width 6: "v"
-layer at (376,166) size 60x28 clip at (377,167) size 43x26 scrollHeight 169
+    RenderBlock {DIV} at (21,21) size 3x819
+      RenderText {#text} at (0,0) size 11x819
+        text run at (0,0) width 6: "L"
+        text run at (0,13) width 7: "o"
+        text run at (0,26) width 5: "r"
+        text run at (0,39) width 7: "e"
+        text run at (0,52) width 11: "m"
+        text run at (0,65) width 4: "i"
+        text run at (0,78) width 7: "p"
+        text run at (0,91) width 6: "s"
+        text run at (0,104) width 7: "u"
+        text run at (0,117) width 11: "m"
+        text run at (0,130) width 7: "d"
+        text run at (0,143) width 7: "o"
+        text run at (0,156) width 4: "l"
+        text run at (0,169) width 7: "o"
+        text run at (0,182) width 5: "r"
+        text run at (0,195) width 8: "A"
+        text run at (0,208) width 7: "B"
+        text run at (0,221) width 8: "C"
+        text run at (0,234) width 9: "D"
+        text run at (0,247) width 6: "E"
+        text run at (0,260) width 6: "F"
+        text run at (0,273) width 8: "G"
+        text run at (0,286) width 9: "H"
+        text run at (0,299) width 4: "I"
+        text run at (0,312) width 4: "J"
+        text run at (0,325) width 8: "K"
+        text run at (0,338) width 6: "L"
+        text run at (0,351) width 10: "M"
+        text run at (0,364) width 9: "N"
+        text run at (0,377) width 9: "O"
+        text run at (0,390) width 7: "P"
+        text run at (0,403) width 9: "Q"
+        text run at (0,416) width 7: "R"
+        text run at (0,429) width 6: "S"
+        text run at (0,442) width 7: "T"
+        text run at (0,455) width 8: "U"
+        text run at (0,468) width 8: "V"
+        text run at (0,481) width 10: "W"
+        text run at (0,494) width 7: "X"
+        text run at (0,507) width 7: "Y"
+        text run at (0,520) width 7: "Z"
+        text run at (0,533) width 7: "a"
+        text run at (0,546) width 7: "b"
+        text run at (0,559) width 6: "c"
+        text run at (0,572) width 7: "d"
+        text run at (0,585) width 7: "e"
+        text run at (0,598) width 5: "f"
+        text run at (0,611) width 7: "g"
+        text run at (0,624) width 7: "h"
+        text run at (0,637) width 4: "i"
+        text run at (0,650) width 4: "j"
+        text run at (0,663) width 7: "k"
+        text run at (0,676) width 4: "l"
+        text run at (0,689) width 11: "m"
+        text run at (0,702) width 7: "n"
+        text run at (0,715) width 7: "o"
+        text run at (0,728) width 7: "p"
+        text run at (0,741) width 7: "q"
+        text run at (0,754) width 5: "r"
+        text run at (0,767) width 6: "s"
+        text run at (0,780) width 5: "t"
+        text run at (0,793) width 7: "u"
+        text run at (0,806) width 6: "v"
+layer at (376,170) size 60x28 clip at (377,171) size 43x26 scrollHeight 156
   RenderTextControl {TEXTAREA} at (15,3) size 60x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (378,214) size 163x60 clip at (379,215) size 161x58
-  RenderTextControl {TEXTAREA} at (17,1) size 163x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 161x52
-      RenderText {#text} at (3,0) size 153x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 153: "ABCDEFGHIJKLMNOPQRSTUV"
-        text run at (3,26) width 30: "WXYZ"
-        text run at (33,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (376,292) size 60x60 clip at (377,293) size 43x58 scrollHeight 169
+    RenderBlock {DIV} at (1,1) size 43x156
+      RenderText {#text} at (0,0) size 43x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 42: "ABCDEF"
+        text run at (0,52) width 36: "GHIJKL"
+        text run at (0,65) width 41: "MNOPQ"
+        text run at (0,78) width 35: "RSTUV"
+        text run at (0,91) width 30: "WXYZ"
+        text run at (30,91) width 3: " "
+        text run at (0,104) width 43: "abcdefg"
+        text run at (0,117) width 41: "hijklmn"
+        text run at (0,130) width 42: "opqrstu"
+        text run at (0,143) width 6: "v"
+        text run at (6,143) width 3: " "
+layer at (378,218) size 129x60 clip at (379,219) size 112x58 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,1) size 129x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (376,296) size 60x60 clip at (377,297) size 43x58 scrollHeight 160
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (378,372) size 163x28 clip at (379,373) size 161x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 161x52
-      RenderText {#text} at (3,0) size 153x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 153: "ABCDEFGHIJKLMNOPQRSTUV"
-        text run at (3,26) width 30: "WXYZ"
-        text run at (33,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (378,422) size 163x43 clip at (379,423) size 146x26 scrollHeight 52
-  RenderTextControl {TEXTAREA} at (17,3) size 163x43 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x52
-      RenderText {#text} at (3,0) size 138x52
-        text run at (3,0) width 102: "Lorem ipsum dolor"
-        text run at (105,0) width 3: " "
-        text run at (3,13) width 138: "ABCDEFGHIJKLMNOPQRST"
-        text run at (3,26) width 45: "UVWXYZ"
-        text run at (48,26) width 3: " "
-        text run at (3,39) width 130: "abcdefghijklmnopqrstuv"
-        text run at (133,39) width 3: " "
-layer at (376,485) size 60x60 clip at (377,486) size 58x58 scrollHeight 130
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (378,376) size 129x32 clip at (379,377) size 127x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 123x65
+      RenderText {#text} at (0,0) size 119x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 119: "ABCDEFGHIJKLMNOPQ"
+        text run at (0,26) width 65: "RSTUVWXYZ"
+        text run at (65,26) width 3: " "
+        text run at (0,39) width 118: "abcdefghijklmnopqrst"
+        text run at (0,52) width 13: "uv"
+        text run at (13,52) width 3: " "
+layer at (378,430) size 129x47 clip at (379,431) size 112x30 scrollHeight 69
+  RenderTextControl {TEXTAREA} at (17,3) size 129x47 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x65
+      RenderText {#text} at (0,0) size 108x65
+        text run at (0,0) width 102: "Lorem ipsum dolor"
+        text run at (102,0) width 3: " "
+        text run at (0,13) width 104: "ABCDEFGHIJKLMNO"
+        text run at (0,26) width 80: "PQRSTUVWXYZ"
+        text run at (80,26) width 3: " "
+        text run at (0,39) width 108: "abcdefghijklmnopqr"
+        text run at (0,52) width 23: "stuv"
+        text run at (23,52) width 3: " "
+layer at (376,497) size 60x60 clip at (377,498) size 58x58 scrollHeight 134
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 58x130
-      RenderText {#text} at (3,0) size 51x130
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 50: "ABCDEFG"
-        text run at (3,52) width 46: "HIJKLMN"
-        text run at (3,65) width 51: "OPQRSTU"
-        text run at (3,78) width 37: "VWXYZ"
-        text run at (40,78) width 3: " "
-        text run at (3,91) width 50: "abcdefgh"
-        text run at (3,104) width 47: "ijklmnop"
-        text run at (3,117) width 34: "qrstuv"
-        text run at (37,117) width 3: " "
-layer at (376,563) size 60x60 clip at (377,564) size 43x43 scrollHeight 169
+    RenderBlock {DIV} at (3,3) size 54x130
+      RenderText {#text} at (0,0) size 54x130
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 50: "ABCDEFG"
+        text run at (0,52) width 54: "HIJKLMNO"
+        text run at (0,65) width 50: "PQRSTUV"
+        text run at (0,78) width 30: "WXYZ"
+        text run at (30,78) width 3: " "
+        text run at (0,91) width 53: "abcdefghi"
+        text run at (0,104) width 51: "jklmnopq"
+        text run at (0,117) width 27: "rstuv"
+        text run at (27,117) width 3: " "
+layer at (376,575) size 60x60 clip at (377,576) size 43x43 scrollHeight 160
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (376,641) size 60x60 clip at (377,642) size 43x58 scrollHeight 169
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (376,653) size 60x60 clip at (377,654) size 43x58 scrollHeight 160
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (376,719) size 60x60 clip at (377,720) size 43x58 scrollHeight 169
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (376,731) size 60x60 clip at (377,732) size 43x58 scrollHeight 160
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (376,797) size 60x60 clip at (377,798) size 43x58 scrollHeight 169
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (376,809) size 60x60 clip at (377,810) size 43x58 scrollHeight 160
   RenderTextControl {TEXTAREA} at (15,1) size 60x60 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 43x169
-      RenderText {#text} at (3,0) size 37x169
-        text run at (3,0) width 34: "Lorem"
-        text run at (37,0) width 3: " "
-        text run at (3,13) width 33: "ipsum"
-        text run at (36,13) width 3: " "
-        text run at (3,26) width 29: "dolor"
-        text run at (32,26) width 3: " "
-        text run at (3,39) width 36: "ABCDE"
-        text run at (3,52) width 36: "FGHIJK"
-        text run at (3,65) width 33: "LMNO"
-        text run at (3,78) width 35: "PQRST"
-        text run at (3,91) width 32: "UVWX"
-        text run at (3,104) width 14: "YZ"
-        text run at (17,104) width 3: " "
-        text run at (3,117) width 36: "abcdef"
-        text run at (3,130) width 30: "ghijkl"
-        text run at (3,143) width 31: "mnop"
-        text run at (3,156) width 34: "qrstuv"
-        text run at (37,156) width 3: " "
-layer at (378,877) size 163x43 clip at (379,878) size 146x26 scrollWidth 192 scrollHeight 208
-  RenderTextControl {TEXTAREA} at (17,3) size 163x43 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x208
-      RenderText {#text} at (3,0) size 189x195
-        text run at (3,0) width 3: " "
-        text run at (6,0) width 0: " "
-        text run at (3,13) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,13) width 0: " "
-        text run at (3,26) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,26) width 0: " "
-        text run at (3,39) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,39) width 0: " "
-        text run at (3,52) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,52) width 0: " "
-        text run at (3,65) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,65) width 0: " "
-        text run at (3,78) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,78) width 0: " "
-        text run at (3,91) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,91) width 0: " "
-        text run at (3,104) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,104) width 0: " "
-        text run at (3,117) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,117) width 0: " "
-        text run at (3,130) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,130) width 0: " "
-        text run at (3,143) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,143) width 0: " "
-        text run at (3,156) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,156) width 0: " "
-        text run at (3,169) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,169) width 0: " "
-        text run at (3,182) width 189: "This is a text area with wrap=\"soft\""
-        text run at (192,182) width 0: " "
-      RenderBR {BR} at (3,195) size 0x13
-layer at (378,942) size 163x28 clip at (379,943) size 146x26 scrollHeight 390
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x390
-      RenderText {#text} at (3,0) size 125x377
-        text run at (3,0) width 3: " "
-        text run at (6,0) width 0: " "
-        text run at (3,13) width 122: "This is a text area with"
-        text run at (125,13) width 3: " "
-        text run at (3,26) width 64: "wrap=\"soft\""
-        text run at (67,26) width 0: " "
-        text run at (3,39) width 122: "This is a text area with"
-        text run at (125,39) width 3: " "
-        text run at (3,52) width 64: "wrap=\"soft\""
-        text run at (67,52) width 0: " "
-        text run at (3,65) width 122: "This is a text area with"
-        text run at (125,65) width 3: " "
-        text run at (3,78) width 64: "wrap=\"soft\""
-        text run at (67,78) width 0: " "
-        text run at (3,91) width 122: "This is a text area with"
-        text run at (125,91) width 3: " "
-        text run at (3,104) width 64: "wrap=\"soft\""
-        text run at (67,104) width 0: " "
-        text run at (3,117) width 122: "This is a text area with"
-        text run at (125,117) width 3: " "
-        text run at (3,130) width 64: "wrap=\"soft\""
-        text run at (67,130) width 0: " "
-        text run at (3,143) width 122: "This is a text area with"
-        text run at (125,143) width 3: " "
-        text run at (3,156) width 64: "wrap=\"soft\""
-        text run at (67,156) width 0: " "
-        text run at (3,169) width 122: "This is a text area with"
-        text run at (125,169) width 3: " "
-        text run at (3,182) width 64: "wrap=\"soft\""
-        text run at (67,182) width 0: " "
-        text run at (3,195) width 122: "This is a text area with"
-        text run at (125,195) width 3: " "
-        text run at (3,208) width 64: "wrap=\"soft\""
-        text run at (67,208) width 0: " "
-        text run at (3,221) width 122: "This is a text area with"
-        text run at (125,221) width 3: " "
-        text run at (3,234) width 64: "wrap=\"soft\""
-        text run at (67,234) width 0: " "
-        text run at (3,247) width 122: "This is a text area with"
-        text run at (125,247) width 3: " "
-        text run at (3,260) width 64: "wrap=\"soft\""
-        text run at (67,260) width 0: " "
-        text run at (3,273) width 122: "This is a text area with"
-        text run at (125,273) width 3: " "
-        text run at (3,286) width 64: "wrap=\"soft\""
-        text run at (67,286) width 0: " "
-        text run at (3,299) width 122: "This is a text area with"
-        text run at (125,299) width 3: " "
-        text run at (3,312) width 64: "wrap=\"soft\""
-        text run at (67,312) width 0: " "
-        text run at (3,325) width 122: "This is a text area with"
-        text run at (125,325) width 3: " "
-        text run at (3,338) width 64: "wrap=\"soft\""
-        text run at (67,338) width 0: " "
-        text run at (3,351) width 122: "This is a text area with"
-        text run at (125,351) width 3: " "
-        text run at (3,364) width 64: "wrap=\"soft\""
-        text run at (67,364) width 0: " "
-      RenderBR {BR} at (3,377) size 0x13
-layer at (378,992) size 163x28 clip at (379,993) size 146x26 scrollHeight 390
-  RenderTextControl {TEXTAREA} at (17,3) size 163x28 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
-    RenderBlock {DIV} at (1,1) size 146x390
-      RenderText {#text} at (3,0) size 125x377
-        text run at (3,0) width 3: " "
-        text run at (6,0) width 0: " "
-        text run at (3,13) width 122: "This is a text area with"
-        text run at (125,13) width 3: " "
-        text run at (3,26) width 64: "wrap=\"soft\""
-        text run at (67,26) width 0: " "
-        text run at (3,39) width 122: "This is a text area with"
-        text run at (125,39) width 3: " "
-        text run at (3,52) width 64: "wrap=\"soft\""
-        text run at (67,52) width 0: " "
-        text run at (3,65) width 122: "This is a text area with"
-        text run at (125,65) width 3: " "
-        text run at (3,78) width 64: "wrap=\"soft\""
-        text run at (67,78) width 0: " "
-        text run at (3,91) width 122: "This is a text area with"
-        text run at (125,91) width 3: " "
-        text run at (3,104) width 64: "wrap=\"soft\""
-        text run at (67,104) width 0: " "
-        text run at (3,117) width 122: "This is a text area with"
-        text run at (125,117) width 3: " "
-        text run at (3,130) width 64: "wrap=\"soft\""
-        text run at (67,130) width 0: " "
-        text run at (3,143) width 122: "This is a text area with"
-        text run at (125,143) width 3: " "
-        text run at (3,156) width 64: "wrap=\"soft\""
-        text run at (67,156) width 0: " "
-        text run at (3,169) width 122: "This is a text area with"
-        text run at (125,169) width 3: " "
-        text run at (3,182) width 64: "wrap=\"soft\""
-        text run at (67,182) width 0: " "
-        text run at (3,195) width 122: "This is a text area with"
-        text run at (125,195) width 3: " "
-        text run at (3,208) width 64: "wrap=\"soft\""
-        text run at (67,208) width 0: " "
-        text run at (3,221) width 122: "This is a text area with"
-        text run at (125,221) width 3: " "
-        text run at (3,234) width 64: "wrap=\"soft\""
-        text run at (67,234) width 0: " "
-        text run at (3,247) width 122: "This is a text area with"
-        text run at (125,247) width 3: " "
-        text run at (3,260) width 64: "wrap=\"soft\""
-        text run at (67,260) width 0: " "
-        text run at (3,273) width 122: "This is a text area with"
-        text run at (125,273) width 3: " "
-        text run at (3,286) width 64: "wrap=\"soft\""
-        text run at (67,286) width 0: " "
-        text run at (3,299) width 122: "This is a text area with"
-        text run at (125,299) width 3: " "
-        text run at (3,312) width 64: "wrap=\"soft\""
-        text run at (67,312) width 0: " "
-        text run at (3,325) width 122: "This is a text area with"
-        text run at (125,325) width 3: " "
-        text run at (3,338) width 64: "wrap=\"soft\""
-        text run at (67,338) width 0: " "
-        text run at (3,351) width 122: "This is a text area with"
-        text run at (125,351) width 3: " "
-        text run at (3,364) width 64: "wrap=\"soft\""
-        text run at (67,364) width 0: " "
-      RenderBR {BR} at (3,377) size 0x13
+    RenderBlock {DIV} at (3,3) size 39x156
+      RenderText {#text} at (0,0) size 39x156
+        text run at (0,0) width 34: "Lorem"
+        text run at (34,0) width 3: " "
+        text run at (0,13) width 33: "ipsum"
+        text run at (33,13) width 3: " "
+        text run at (0,26) width 29: "dolor"
+        text run at (29,26) width 3: " "
+        text run at (0,39) width 36: "ABCDE"
+        text run at (0,52) width 36: "FGHIJK"
+        text run at (0,65) width 39: "LMNOP"
+        text run at (0,78) width 37: "QRSTU"
+        text run at (0,91) width 37: "VWXYZ"
+        text run at (37,91) width 2: " "
+        text run at (0,104) width 36: "abcdef"
+        text run at (0,117) width 30: "ghijkl"
+        text run at (0,130) width 38: "mnopq"
+        text run at (0,143) width 27: "rstuv"
+        text run at (27,143) width 3: " "
+layer at (378,889) size 129x47 clip at (379,890) size 112x30 scrollWidth 191 scrollHeight 212
+  RenderTextControl {TEXTAREA} at (17,3) size 129x47 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x208
+      RenderText {#text} at (0,0) size 189x195
+        text run at (0,0) width 3: " "
+        text run at (3,0) width 0: " "
+        text run at (0,13) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,13) width 0: " "
+        text run at (0,26) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,26) width 0: " "
+        text run at (0,39) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,39) width 0: " "
+        text run at (0,52) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,52) width 0: " "
+        text run at (0,65) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,65) width 0: " "
+        text run at (0,78) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,78) width 0: " "
+        text run at (0,91) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,91) width 0: " "
+        text run at (0,104) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,104) width 0: " "
+        text run at (0,117) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,117) width 0: " "
+        text run at (0,130) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,130) width 0: " "
+        text run at (0,143) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,143) width 0: " "
+        text run at (0,156) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,156) width 0: " "
+        text run at (0,169) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,169) width 0: " "
+        text run at (0,182) width 189: "This is a text area with wrap=\"soft\""
+        text run at (189,182) width 0: " "
+      RenderBR {BR} at (0,195) size 0x13
+layer at (378,958) size 129x32 clip at (379,959) size 112x30 scrollHeight 394
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x390
+      RenderText {#text} at (0,0) size 99x377
+        text run at (0,0) width 3: " "
+        text run at (3,0) width 0: " "
+        text run at (0,13) width 96: "This is a text area"
+        text run at (96,13) width 3: " "
+        text run at (0,26) width 90: "with wrap=\"soft\""
+        text run at (90,26) width 0: " "
+        text run at (0,39) width 96: "This is a text area"
+        text run at (96,39) width 3: " "
+        text run at (0,52) width 90: "with wrap=\"soft\""
+        text run at (90,52) width 0: " "
+        text run at (0,65) width 96: "This is a text area"
+        text run at (96,65) width 3: " "
+        text run at (0,78) width 90: "with wrap=\"soft\""
+        text run at (90,78) width 0: " "
+        text run at (0,91) width 96: "This is a text area"
+        text run at (96,91) width 3: " "
+        text run at (0,104) width 90: "with wrap=\"soft\""
+        text run at (90,104) width 0: " "
+        text run at (0,117) width 96: "This is a text area"
+        text run at (96,117) width 3: " "
+        text run at (0,130) width 90: "with wrap=\"soft\""
+        text run at (90,130) width 0: " "
+        text run at (0,143) width 96: "This is a text area"
+        text run at (96,143) width 3: " "
+        text run at (0,156) width 90: "with wrap=\"soft\""
+        text run at (90,156) width 0: " "
+        text run at (0,169) width 96: "This is a text area"
+        text run at (96,169) width 3: " "
+        text run at (0,182) width 90: "with wrap=\"soft\""
+        text run at (90,182) width 0: " "
+        text run at (0,195) width 96: "This is a text area"
+        text run at (96,195) width 3: " "
+        text run at (0,208) width 90: "with wrap=\"soft\""
+        text run at (90,208) width 0: " "
+        text run at (0,221) width 96: "This is a text area"
+        text run at (96,221) width 3: " "
+        text run at (0,234) width 90: "with wrap=\"soft\""
+        text run at (90,234) width 0: " "
+        text run at (0,247) width 96: "This is a text area"
+        text run at (96,247) width 3: " "
+        text run at (0,260) width 90: "with wrap=\"soft\""
+        text run at (90,260) width 0: " "
+        text run at (0,273) width 96: "This is a text area"
+        text run at (96,273) width 3: " "
+        text run at (0,286) width 90: "with wrap=\"soft\""
+        text run at (90,286) width 0: " "
+        text run at (0,299) width 96: "This is a text area"
+        text run at (96,299) width 3: " "
+        text run at (0,312) width 90: "with wrap=\"soft\""
+        text run at (90,312) width 0: " "
+        text run at (0,325) width 96: "This is a text area"
+        text run at (96,325) width 3: " "
+        text run at (0,338) width 90: "with wrap=\"soft\""
+        text run at (90,338) width 0: " "
+        text run at (0,351) width 96: "This is a text area"
+        text run at (96,351) width 3: " "
+        text run at (0,364) width 90: "with wrap=\"soft\""
+        text run at (90,364) width 0: " "
+      RenderBR {BR} at (0,377) size 0x13
+layer at (378,1012) size 129x32 clip at (379,1013) size 112x30 scrollHeight 394
+  RenderTextControl {TEXTAREA} at (17,3) size 129x32 [bgcolor=#FFFFFF] [border: (1px solid #000000)]
+    RenderBlock {DIV} at (3,3) size 108x390
+      RenderText {#text} at (0,0) size 99x377
+        text run at (0,0) width 3: " "
+        text run at (3,0) width 0: " "
+        text run at (0,13) width 96: "This is a text area"
+        text run at (96,13) width 3: " "
+        text run at (0,26) width 90: "with wrap=\"soft\""
+        text run at (90,26) width 0: " "
+        text run at (0,39) width 96: "This is a text area"
+        text run at (96,39) width 3: " "
+        text run at (0,52) width 90: "with wrap=\"soft\""
+        text run at (90,52) width 0: " "
+        text run at (0,65) width 96: "This is a text area"
+        text run at (96,65) width 3: " "
+        text run at (0,78) width 90: "with wrap=\"soft\""
+        text run at (90,78) width 0: " "
+        text run at (0,91) width 96: "This is a text area"
+        text run at (96,91) width 3: " "
+        text run at (0,104) width 90: "with wrap=\"soft\""
+        text run at (90,104) width 0: " "
+        text run at (0,117) width 96: "This is a text area"
+        text run at (96,117) width 3: " "
+        text run at (0,130) width 90: "with wrap=\"soft\""
+        text run at (90,130) width 0: " "
+        text run at (0,143) width 96: "This is a text area"
+        text run at (96,143) width 3: " "
+        text run at (0,156) width 90: "with wrap=\"soft\""
+        text run at (90,156) width 0: " "
+        text run at (0,169) width 96: "This is a text area"
+        text run at (96,169) width 3: " "
+        text run at (0,182) width 90: "with wrap=\"soft\""
+        text run at (90,182) width 0: " "
+        text run at (0,195) width 96: "This is a text area"
+        text run at (96,195) width 3: " "
+        text run at (0,208) width 90: "with wrap=\"soft\""
+        text run at (90,208) width 0: " "
+        text run at (0,221) width 96: "This is a text area"
+        text run at (96,221) width 3: " "
+        text run at (0,234) width 90: "with wrap=\"soft\""
+        text run at (90,234) width 0: " "
+        text run at (0,247) width 96: "This is a text area"
+        text run at (96,247) width 3: " "
+        text run at (0,260) width 90: "with wrap=\"soft\""
+        text run at (90,260) width 0: " "
+        text run at (0,273) width 96: "This is a text area"
+        text run at (96,273) width 3: " "
+        text run at (0,286) width 90: "with wrap=\"soft\""
+        text run at (90,286) width 0: " "
+        text run at (0,299) width 96: "This is a text area"
+        text run at (96,299) width 3: " "
+        text run at (0,312) width 90: "with wrap=\"soft\""
+        text run at (90,312) width 0: " "
+        text run at (0,325) width 96: "This is a text area"
+        text run at (96,325) width 3: " "
+        text run at (0,338) width 90: "with wrap=\"soft\""
+        text run at (90,338) width 0: " "
+        text run at (0,351) width 96: "This is a text area"
+        text run at (96,351) width 3: " "
+        text run at (0,364) width 90: "with wrap=\"soft\""
+        text run at (90,364) width 0: " "
+      RenderBR {BR} at (0,377) size 0x13