do the chat resize without hiding the pad text

static/css/pad.css

@@ -1072,3 +1072,16 @@ margin-top: 1px;
 {
 width:27px !important;
 }
+
+#focusprotector
+{
+  z-index: 100;
+  position: absolute;
+  bottom: 0px;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  background-color: white;
+  opacity:0.01;
+  display:none;
+}

static/js/chat.js

@@ -15,11 +15,11 @@ var chat = (function()
           handles: 'nw',
           start: function (event, ui)
           {
-            $("#editorcontainer").hide();
+            $("#focusprotector").show();
           },
           stop: function (event, ui)
           {
-            $("#editorcontainer").show();
+            $("#focusprotector").hide();
             
             $("#chatbox").css({right: "20px", bottom: "0px", left: "", top: ""});
             

static/pad.html

@@ -265,10 +265,13 @@ Use this link to share a read-only version of your pad:<input id="readonlyInput"
   </div>
 </div>
 
+<div id="focusprotector">&nbsp;</div>
+
 <!-- /padeditor -->
 <div id="modaloverlay">
 <div id="modaloverlay-inner">
 <!-- -->
+
 </div>
 </div>
 <div id="mainmodals">