Original ticket:
START
As title says, when a list box is both draggable and multiple select is enabled the behavior is unpredictable. Sometimes when you click and drag on an item it will create the selection box when you are trying to simply drag the item, and other times the opposite. As far as I can tell there is no way to force one behavior or another.
$("#pdfPreviewList").kendoListBox({
draggable: true,
connectWith: "proposal",
selectable: "multiple",
dropSources: ["proposal"],
template: `
<div id='#:file#'>
#:pn#
</div>`,
toolbar: {
tools: ["moveUp", "moveDown", "transferTo"]
},
change: (e) => {
let f = e.sender.select()[0].getElementsByTagName("div")[0].id;
displayPdfPrview(f)
}
});
Data source is 2 -3 items, so there is white space below the list items.
END
I think there should be a dragToSelect option like there is in grid. That way you can still have multiple select work with key modifiers like control and shift and can also have dragging without worrying about the box select interfering with it.
maybe something like
select: "multiple" // normal selection *without* box selection
select: "dragToSelect" // selection with box selection and all the other features of "multiple" such as key modifiers
Also potentially a warning if dragToSelect and draggable are active at the same time to notify the developer that this combination may lead to unexpected behavior.
Thank you