jquery - Cannot select text in Kendo Sortable with handle -

jquery - Cannot select text in Kendo Sortable with handle -

i have set of sortable widgets, similar demo. js inits here:

var column1sortable = $(column1selector).kendosortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectwith: column2selector, change: sortableonchange, placeholder: sortableplaceholder, hint: sortablehint }).data("kendosortable"); var column2sortable = $(column2selector).kendosortable({ filter: ".panel", cursor: "move", handler: ".panel-header", connectwith: column1selector, change: sortableonchange, placeholder: sortableplaceholder, hint: sortablehint }).data("kendosortable");

html panels similar this:

<div class="panel"> <div class="panel-header">header</div> <div class="panel-content"> ... selectable text here ... </div> </div>

while i've set handler alternative .panel-header div, cannot select text within .panel-content area. mouse cursor shows text cursor, upon trying highlight, nil highlighted.

the solution utilize ignore alternative , utilize high-level selector "select all" selector *. here's js init calls now:

var column1sortable = $(column1selector).kendosortable({ filter: ".panel", cursor: "move", handler: ".panel-header", ignore: ".panel-contents *", connectwith: column2selector, change: sortableonchange, placeholder: sortableplaceholder, hint: sortablehint }).data("kendosortable"); var column2sortable = $(column2selector).kendosortable({ filter: ".panel", cursor: "move", handler: ".panel-header", ignore: ".panel-contents *", connectwith: column1selector, change: sortableonchange, placeholder: sortableplaceholder, hint: sortablehint }).data("kendosortable");

jquery kendo-ui selection sortable textselection