Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>to me the sorting works alright. the elements dont move unexpectedly.</p> <p>when i have an item in an element, like a button or a textfield, nothing happens. if i right-click into the field or button the cursor appears (the button is clicked). and when i escape the windows right-click options menu i can type into the text field...</p> <p>so still strange behaviour. i don't know how it works on ff5, i am on ff6, latest jquery version.</p> <p>EDIT:</p> <p>after i found this: <a href="http://weblogs.asp.net/jeffwids/archive/2011/01/31/jquery-textbox-in-sortable-is-not-clickable-selectable.aspx" rel="nofollow">http://weblogs.asp.net/jeffwids/archive/2011/01/31/jquery-textbox-in-sortable-is-not-clickable-selectable.aspx</a> i took a closer look at the cancel option provided by the jquery-sortable.</p> <p>i finally could solve it like this:</p> <pre><code>&lt;ul id="sortable"&gt; &lt;li class="ui-state-default"&gt;&lt;span class="ui-icon ui-icon-arrowthick-2-n-s"&gt;&lt;/span&gt;&lt;input type="text" value="text" &gt;&lt;/input&gt;&lt;/li&gt; &lt;li class="ui-state-default" style="height: 70px;"&gt;&lt;span class="ui-icon ui-icon-arrowthick-2-n-s"&gt;&lt;/span&gt;&lt;textarea cols="20" rows="3"&gt;textarea&lt;/textarea&gt;&lt;/li&gt; &lt;li class="ui-state-default"&gt;&lt;span class="ui-icon ui-icon-arrowthick-2-n-s"&gt;&lt;/span&gt;&lt;button&gt;button&lt;/button&gt;&lt;/li&gt; &lt;/ul&gt; &lt;script&gt; // initialize the sortable including the cancel option $( "#sortable" ).sortable({cancel: 'input,button,textarea'}); &lt;/script&gt; </code></pre>
 

Querying!

 
Guidance

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