Replicate by dragging a RadListBox item vertically in the Drag-and-drop demo, on a mobile device.

Hi,

Would love to have feature for reorder animation and drop placeholder when user is reordering the item(s) in the Radlistbox.

A example would be the list in invisionapp.com as attached.

Another example would be like JQUERYUI's sortable plugin. 
URL: https://jqueryui.com/sortable/#placeholder.

Thanks.

The control should provide support for the JAWS screen readers, which will enable it for use by visually impaired users.

More details are available in the following forum thread - https://www.telerik.com/forums/how-is-listbox-usable-for-screen-readers

Issue 1 - Items in ListBox missing and/or cut off.
Issue 2 - Incorrect highlighting
Issue 3 - Moving items sometimes doesn't work
Issue 4 - Scrolling of items scrolls the whole page instead (sometimes)
Issue 5 - Bottom ListBox cut off (Chrome dev tools, iPhone 5/SE)
Issue 6 - Scrolling in ListBox sometimes selects items
Issue 7 - Sometimes items in the Listboxes cannot be selected at all. (Intermittent)

We are using List box item scroll into view to scroll to the item selected in the list box. However, the scroll is not working in the Chrome browser in a UHD touch screen laptop device.

I have a few instances where I need OnClientSelectedIndexChanging inorder to stop the listbox selectedIndexChanged event from posting back in certain cases. In those cases I stop it from posting back by setting the e.set_cancel(true);

function CheckForListBoxReorder_OnClientEvent(sender, e) {
    if (ListboxReordered()) {
        alert('Please save changes to the bus order.');
        e.set_cancel(true);
    }
}

This works very nicely, but I'm getting many errors because although it looks like it's still selected to the proper row in the listbox the selectedIndex is now -1.

A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery

Repro steps:

1. put a listbox on the page
2. configure it so it does postbacks (e.g., on selection changed, or any other feature)
3. ivnoke said postback (e.g., select an item)

Expected: the action is carried off

Actual: Firefox throws TypeError: access to strict mode caller function is censored

Sample markup

        <telerik:RadListBox runat="server" ID="rlb1" OnSelectedIndexChanged="rlb1_SelectedIndexChanged" AutoPostBack="true">
            <Items>
                <telerik:RadListBoxItem Text="first" Selected="true" />
                <telerik:RadListBoxItem Text="second" />
            </Items>
        </telerik:RadListBox>

RadListBox allows to declaratively bind the Text and Value properties of the ListItems, e.g:

<telerik:RadListBox runat="server" DataTextField="Text" DataValueField="Id">

Unfortunately, this is not possible for the ImageUrl property.

My Suggestion: please allow to also bind the ImageUrl declaratively as known from other controls, e.g:

<telerik:RadListBox runat="server" DataTextField="Text" DataValueField="Id"
    DataImageUrlField="..."

// and maybe even like this:

    DataImageUrlFormatString="..." DataImageUrlFields="...">

The error is observed when an item that is added from the client-side is to be transferred to other RadListBox from a RadListBox that is loading on demand. Unfortunately the control supports such scenario only when that transfer is made from the server side.