<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[242379] trunk</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/242379">242379</a></dd>
<dt>Author</dt> <dd>dbates@webkit.org</dd>
<dt>Date</dt> <dd>2019-03-04 13:07:19 -0800 (Mon, 04 Mar 2019)</dd>
</dl>

<h3>Log Message</h3>
<pre>[iOS] Caret x-position in empty text area does not match text field
https://bugs.webkit.org/show_bug.cgi?id=195125
<rdar://problem/47161070>

Reviewed by Darin Adler.

Source/WebCore:

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

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

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

LayoutTests:

Update expected results due to changes in padding.

* TestExpectations: Remove some tests that are now passing.
* editing/selection/ios/show-selection-in-empty-overflow-hidden-document-expected.txt:
* editing/selection/ios/show-selection-in-empty-overflow-hidden-document.html:
* fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt: Added.
* fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html: Added.
* platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt:
* platform/ios-wk2/editing/inserting/4960120-1-expected.txt:
* platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt:
* platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt:
* platform/ios-wk2/fast/block/margin-collapse/103-expected.txt:
* platform/ios-wk2/fast/dom/HTMLTextAreaElement/reset-textarea-expected.txt:
* platform/ios-wk2/fast/dynamic/008-expected.txt:
* platform/ios-wk2/fast/forms/basic-textareas-expected.txt:
* platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt:
* platform/ios-wk2/fast/forms/textarea-align-expected.txt:
* platform/ios-wk2/fast/forms/textarea-placeholder-pseudo-style-expected.txt:
* platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt:
* platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt:
* platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt:
* platform/ios-wk2/fast/forms/textarea-scrollbar-expected.txt:
* platform/ios-wk2/fast/forms/textarea-scrolled-type-expected.txt:
* platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt:
* platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt:
* platform/ios-wk2/fast/overflow/overflow-x-y-expected.txt:
* platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt:
* platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt:
* platform/ios/TestExpectations:
* platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt:
* platform/ios/fast/forms/form-element-geometry-expected.txt:
* platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt:
* platform/ios/fast/forms/negativeLineHeight-expected.txt:
* platform/ios/fast/forms/text-control-intrinsic-widths-expected.txt:
* platform/ios/fast/forms/textarea-width-expected.txt:
* platform/ios/fast/replaced/width100percent-textarea-expected.txt:
* platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt:
* platform/ios/tables/mozilla/bugs/bug194024-expected.txt:
* platform/ios/tables/mozilla/bugs/bug30559-expected.txt:
* platform/ios/tables/mozilla/bugs/bug30692-expected.txt:</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkLayoutTestsChangeLog">trunk/LayoutTests/ChangeLog</a></li>
<li><a href="#trunkLayoutTestsTestExpectations">trunk/LayoutTests/TestExpectations</a></li>
<li><a href="#trunkLayoutTestseditingselectioniosshowselectioninemptyoverflowhiddendocumentexpectedtxt">trunk/LayoutTests/editing/selection/ios/show-selection-in-empty-overflow-hidden-document-expected.txt</a></li>
<li><a href="#trunkLayoutTestseditingselectioniosshowselectioninemptyoverflowhiddendocumenthtml">trunk/LayoutTests/editing/selection/ios/show-selection-in-empty-overflow-hidden-document.html</a></li>
<li><a href="#trunkLayoutTestsplatformiosTestExpectations">trunk/LayoutTests/platform/ios/TestExpectations</a></li>
<li><a href="#trunkLayoutTestsplatformioscompositingoverflowtextareascrolltouchexpectedtxt">trunk/LayoutTests/platform/ios/compositing/overflow/textarea-scroll-touch-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastformsformelementgeometryexpectedtxt">trunk/LayoutTests/platform/ios/fast/forms/form-element-geometry-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastformslineboxoverflowintextareapaddingexpectedtxt">trunk/LayoutTests/platform/ios/fast/forms/linebox-overflow-in-textarea-padding-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastformsnegativeLineHeightexpectedtxt">trunk/LayoutTests/platform/ios/fast/forms/negativeLineHeight-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastformstextcontrolintrinsicwidthsexpectedtxt">trunk/LayoutTests/platform/ios/fast/forms/text-control-intrinsic-widths-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastformstextareawidthexpectedtxt">trunk/LayoutTests/platform/ios/fast/forms/textarea-width-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastreplacedwidth100percenttextareaexpectedtxt">trunk/LayoutTests/platform/ios/fast/replaced/width100percent-textarea-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiosfastscrollingiostextareascrolltouchexpectedtxt">trunk/LayoutTests/platform/ios/fast/scrolling/ios/textarea-scroll-touch-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiostablesmozillabugsbug194024expectedtxt">trunk/LayoutTests/platform/ios/tables/mozilla/bugs/bug194024-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiostablesmozillabugsbug30559expectedtxt">trunk/LayoutTests/platform/ios/tables/mozilla/bugs/bug30559-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformiostablesmozillabugsbug30692expectedtxt">trunk/LayoutTests/platform/ios/tables/mozilla/bugs/bug30692-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2editinginputrevealcaretofmultilineinputexpectedtxt">trunk/LayoutTests/platform/ios-wk2/editing/input/reveal-caret-of-multiline-input-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2editinginserting49601201expectedtxt">trunk/LayoutTests/platform/ios-wk2/editing/inserting/4960120-1-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2editingpasteboardpastingtabsexpectedtxt">trunk/LayoutTests/platform/ios-wk2/editing/pasteboard/pasting-tabs-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastblockfloatoverhangingtallblockexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/block/float/overhanging-tall-block-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastblockmargincollapse103expectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/block/margin-collapse/103-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastdomHTMLTextAreaElementresettextareaexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/dom/HTMLTextAreaElement/reset-textarea-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastdynamic008expectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/dynamic/008-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformsbasictextareasexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/basic-textareas-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextAreaLineHeightexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textAreaLineHeight-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareaalignexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-align-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareaplaceholderpseudostyleexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-pseudo-style-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareaplaceholdervisibility1expectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-1-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareaplaceholdervisibility2expectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-placeholder-visibility-2-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareascrollheightexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-scroll-height-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareascrollbarexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-scrollbar-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareascrolledtypeexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-scrolled-type-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastformstextareasetinnerhtmlexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/forms/textarea-setinnerhtml-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fasthidpiresizecornerhidpiexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/hidpi/resize-corner-hidpi-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fastoverflowoverflowxyexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/overflow/overflow-x-y-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fasttextinternationalrtlwhitespaceprewrapexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/text/international/rtl-white-space-pre-wrap-expected.txt</a></li>
<li><a href="#trunkLayoutTestsplatformioswk2fasttextinternationalunicodebidiplaintextintextareaexpectedtxt">trunk/LayoutTests/platform/ios-wk2/fast/text/international/unicode-bidi-plaintext-in-textarea-expected.txt</a></li>
<li><a href="#trunkSourceWebCoreChangeLog">trunk/Source/WebCore/ChangeLog</a></li>
<li><a href="#trunkSourceWebCorecsshtmlcss">trunk/Source/WebCore/css/html.css</a></li>
<li><a href="#trunkSourceWebCorehtmlHTMLTextAreaElementcpp">trunk/Source/WebCore/html/HTMLTextAreaElement.cpp</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li>trunk/LayoutTests/fast/forms/textarea/ios/</li>
<li><a href="#trunkLayoutTestsfastformstextareaioscaretxpositionintextareamatchestextfieldexpectedtxt">trunk/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield-expected.txt</a></li>
<li><a href="#trunkLayoutTestsfastformstextareaioscaretxpositionintextareamatchestextfieldhtml">trunk/LayoutTests/fast/forms/textarea/ios/caret-x-position-in-textarea-matches-textfield.html</a></li>
</ul>

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

</body>
</html>