From 740ea67a15aa54682b3d1122670b8e9f205d7873 Mon Sep 17 00:00:00 2001
From: Graham Knop <graham@plainblack.com>
Date: Thu, 11 Sep 2008 14:48:23 +0000
Subject: [PATCH] fixed: Textarea resizer has a gap between textbox and resizer
 initially

---
 docs/changelog/7.x.x.txt    |  1 +
 lib/WebGUI/Form/Textarea.pm | 16 +++++-----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/docs/changelog/7.x.x.txt b/docs/changelog/7.x.x.txt
index f104170e5..f00afcc27 100644
--- a/docs/changelog/7.x.x.txt
+++ b/docs/changelog/7.x.x.txt
@@ -1,4 +1,5 @@
 7.6.0
+ - fixed: Textarea resizer has a gap between textbox and resizer initially
  - added: getLineageIterator method to simplify working on large sets of assets
  - fixed: Syndicated Content doesn't decode alternate character sets
  - fixed: Some templates ship with isPublic=1
diff --git a/lib/WebGUI/Form/Textarea.pm b/lib/WebGUI/Form/Textarea.pm
index cf88ce5f9..f876b63dc 100644
--- a/lib/WebGUI/Form/Textarea.pm
+++ b/lib/WebGUI/Form/Textarea.pm
@@ -147,23 +147,17 @@ sub toHtml {
         $style->setScript($url->extras("yui/build/element/element-beta.js"), {type=>"text/javascript"});
         $style->setScript($url->extras("yui/build/resize/resize-beta.js"), {type=>"text/javascript"});
         $out = qq|
-            <div id="resize_| . $self->get('id'). qq|" style="width: | . ($width + 10) . qq|px; height: | . ($height + 10) . qq|px; overflow: hidden">
+            <div id="resize_| . $self->get('id'). qq|" style="width: | . ($width + 6) . qq|px; height: | . ($height + 6) . qq|px; overflow: hidden">
             $out
             </div>
 
             <script type="text/javascript">
-
-            YAHOO.util.Event.onDOMReady(function() {
-                var Dom = YAHOO.util.Dom,
-                    Event = YAHOO.util.Event,
-                    textAreaElement = document.getElementById('| . $self->get('id') . qq|');
-
+            YAHOO.util.Event.onContentReady('| . $self->get('id') . qq|', function() {
+                var Dom = YAHOO.util.Dom;
                 var resize = new YAHOO.util.Resize('resize_| . $self->get('id'). qq|');
                 resize.on('resize', function(ev) {
-                    var w = ev.width;
-                    var h = ev.height;
-                    textAreaElement.style.width = (w - 6) + "px";
-                    textAreaElement.style.height = (h - 6) + "px";
+                    Dom.setStyle('| . $self->get('id') . qq|', 'width', (ev.width - 6) + "px");
+                    Dom.setStyle('| . $self->get('id') . qq|', 'height', (ev.height - 6) + "px");
                 });
             });
             </script>