Databases
StackOverflow2013
Postsdbo
PODraggable and resizable textarea using Jquery- cannot enter text using left click
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODraggable and resizable textarea using Jquery- cannot enter text using left click
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload