RadCombobox Scrolling in mobile devices

2 posts, 0 answers
  1. Sushanth
    Sushanth avatar
    9 posts
    Member since:
    Oct 2016

    Posted 11 Oct 2018 Link to this post

    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

     

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5704 posts

    Posted 11 Oct 2018 Link to this post

    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
    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.
Back to Top