varias - selector por atributo jquery

No se puede seleccionar texto en Kendo ordenable con mango

Question

Tengo un conjunto de widgets ordenables, muy similares a esta demostración . JS lo tiene aquí:

    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 para los paneles es similar a esto:

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

Si bien configuré una opción de handler para el div. .panel-header , no puedo seleccionar ningún texto dentro del .panel-content del .panel-content . El cursor del mouse muestra el cursor de texto, pero al intentar resaltar, no se resalta nada.

Answer 1

La solución fue utilizar la opción de ignore y usar un selector de alto nivel con el selector "seleccionar todo" * . Así es como se ven mis llamadas a JS init ahora:

    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");