Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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