Can't select text in inputs within sortables

[mikejestes]

Text inside a text input element cannot be selected when in a sortable area.

I have a demo here: ​http://mikejestes.com/demo/?demo=jquery_ui_sortable

[garethky]

Somewhere in the sample code you linked to there is a call to dissableSelection();

This is actually a method in ui.core that stops the user from using the cursor to select text. Its in the sortable examples as well:

$(function() {

$("#sortable").sortable(); $("#sortable").disableSelection(); this will disable text selection!

});

Suggest using a more specific selector so that input boxes are not caught up in this.

[Jörn Zaefferer]

See comment by garethky.

[Jörn Zaefferer]

Related ticket: #4541

[kae]

had the same problem myself today. the solution (from the client-programming side) is to apply sortable to the event, then override the sortable's mouse events.

For example:

  $('#form_fields').sortable();
  $('#form_fields input').bind('click.sortable mousedown.sortable',function(ev){
    ev.target.focus();
  });

[djo69]

Hey,

I have a similar pb. In my fieldset sortable i want to unsortable an element ul insered on the fieldset .

Exemple :

<fieldset id='base'> <ul id='panel'> <li></li> .. <ul> </fieldset>

i want that when i click on my ul-panel the sortable mode was not activated, but just arond the ul.

I test : $('#form_fields').sortable();

$('#form_fields ul').bind('click.sortable mousedown.sortable',function(ev){

ev.target.focus();

});

but it's change anything.

Thanks in advance

[tj.vantoll]

This works just fine as long as you do not use disableSelection (which is deprecated and will be removed completely, see #7756).

​http://jsfiddle.net/tj_vantoll/nttNj/

[jmorris]

This does not work just fine if you use items and cancel parameters: ​http://jsfiddle.net/jcmorris/DxkZw/1/

[Scott González]

@jmorris Well, you specifically told the sortable not to cancel on input. You'll want to include form controls in your cancel option: ​http://api.jqueryui.com/sortable/#option-cancel

[jmorris]

@scott.gonzalez Including the form controls did the trick. Thank you.

[gigolnet]

$("input, select, textarea").bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e){

e.stopImmediatePropagation();

});