title: Draggable and resizable textarea using Jquery- cannot enter text using left click
body: <p>I am trying to make a textarea draggable and resizable using Jquery. I referred to similar question asked here on Stackoverflow at <a href="https://stackoverflow.com/questions/1717589/is-a-draggable-and-resizable-textbox-textarea-possible-using-jquery">Is a draggable and resizable textbox/textarea possible using jQuery?</a>. </p>
  
  <p>HTML for textarea</p>
  
  <blockquote>
  <pre><code>    &lt;div id="text1" style="margin-left:100px; width:190px; height:50px; "&gt;
      &lt;form&gt;
      &lt;textarea id='ta1' style="width:180px; height:15px" class='property'&gt;Right click to enter      text&lt;/textarea&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  </blockquote>
  
  <p>I am able to make the textarea draggable by closing it in a div and making the div draggable and I make the text area resizable as follows:</p>
  
  <blockquote>
  <pre><code>   $( "#ta1" ).resizable( { cancel: '' } );
       $( "#text1" ).draggable( { cancel: '' } );
       $('#ta1').focus(function() {
       $(this).text('');
       });
  </code></pre>
  </blockquote>
  
  <p><strong>The only issue is that I cannot enter text into the textarea by normal left click.</strong> The only way to enter text in the textarea is right click (I disabled context menu on right click). Can anyone explain why this is the case? How can I enable entering of text using normal left click?</p>
  
  <p>My code is here at - <a href="http://jsbin.com/iboxoy/61/edit#javascript,html" rel="nofollow noreferrer">http://jsbin.com/iboxoy/61/edit#javascript,html</a></p>
  
  <p>Thanks,
  Shan</p>