RadCombobox Scrolling in mobile devices

[Sushanth]

Dear team,

I have a radcombobox which fetches around 10000 items, below is the markup 

 

                              <telerik:RadComboBox ID="ddlProducts" runat="server"
                                AppendDataBoundItems="true" TabIndex="1"
                                Filter="Contains" Skin="MetroTouch" RenderMode="Auto" 
                                EnableLoadOnDemand="true" ShowMoreResultsBox="true" Width="100%" Height="400px" OnClientBlur="Product_OnClientBlur"
                                EnableVirtualScrolling="true" OnClientItemsRequesting="GetActiveProducts" OnClientDropDownClosed="onDropDownClosed">
                                <WebServiceSettings Method="GetActiveProducts" Path="~/Inventory/WebServices/InventoryWebService.asmx" />
                                
                            </telerik:RadComboBox>

Every this is working perfectly in desktop browser , the issue is with mobile device .

When we type in the keywords and the dropdownlist is populated with records and starts scrolling then in mobile device the page starts scrolling and when the page scroll reach the end then only the dropdownlist og combobox starts scrolling.

How to avoid this , Please advice

Please find the attached screenshot for this behaviour.

Thanks & Regards

Sushanth.B

 

 

[Marin Bratanov]

Hi Sushanth,

There is a known issue in iOS that can cause such behavior and it is explained together with a possible solution in the following article: https://www.telerik.com/support/kb/aspnet-ajax/details/cannot-scroll-telerik-control-in-ios-11.3---the-page-scrolls-instead.

Another thing you can consider is to hide the page scrollbar when the combo box dropdown opens and re-show it when it closes.

Regards,
Marin Bratanov
Progress Telerik