Pending Review
Last Updated: 04 Sep 2019 14:59 by ADMIN
Lou
Created on: 04 Sep 2019 14:41
Category: ListBox
Type: Bug Report
0
Incorrect appearance and behavior of RadListBox with Transfer functionality
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)
1 comment
ADMIN
Attila Antal
Posted on: 04 Sep 2019 14:59
Thank you for taking the time reporting this issue!

After some investigation we found that there is an unnecessary added additionally to RadListBox which distorts the items. The issue is happening when the Transfer is enabled with button position set to bottom and using ItemTemplates.

The following CSS can be used as a workaround.

<style type="text/css">
    .RadListBox.RadListBoxButtonAreaBottom.rlbFixedHeight .rlbList .rlbTemplate {
        margin-top: unset;
    }
</style>


Kind regards,
Attila Antal
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.