Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!>
Thanks for joining our community and helping improve Syncfusion products!
This feedback describes an issue version 21.2.3 on Windows 11 but these option are not available in the drop downs.
The attached zip contains html and JavaScript that can be used to see a problem when selected members of a list box are moved by dragging. The items will *always* be shown at the top of the list no matter where the item is dropped. If a non-selected item is dragged, it works as expected. In the example, CheckBoxSelection is enabled. This is just to make the selected items stand out. It does not have any impact on the behaviour with respect to the issue.
To reproduce
In the example, three items are preselected. Select the last of the selected items (Employment Q2 Youth) and drag it up one place so it should be shown between Employment Q2 Adult and Employment Q2 DW. However, it ends up at the top.
Drag one of the items to the end. It will be displayed at the top.
This behavior does not affect unselected items.
The example
The HTML in the example uses an import script to load a local copy of EJ2. You will need to change this to load your copy of EJ2. The HTML defines an element in which the list box is displayed. The HTML loads listbox.js as a module. In turn, listbox.js loads measures.js (via 'import') . measures.js contains the sample date.