Grid not appearing on an iOS device with scrolling disabled and no height set

4 posts, 0 answers
  1. Randy
    Randy avatar
    75 posts
    Member since:
    Jul 2009

    Posted 31 Jan 2020 Link to this post

    According to this article (https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/height?&_ga=2.194530788.810043146.1580386923-2007283080.1571831975#making-the-grid-100-high-and-auto-resizable), I should be able to disable scrolling and have no height set on my grid and the grid will automatically have a height tall enough to contain all the rows. This does actually work in Chrome running under Windows 10. However, it does not work in Chrome running under iOS (12 or 13). In an iOS environment the grid has no height at all. 

    I've attached an image showing what this looks like running on an iPad 7 iOS 13. All you see is a horizontal line underneath "Certifications". I believe this is the top of the grid. I get the same incorrect results on an Android device as well.

  2. Georgi
    Admin
    Georgi avatar
    685 posts

    Posted 04 Feb 2020 Link to this post

    Hello Randy,

    I have tested the referenced sample on an iPad with iOS 13 and the grid seems to work correctly as seen in the following screenshot:

    Are you able to replicate the behavior in the aforementioned dojo? Could you please provide us with a sample where the issue can be replicated?

    Regards,
    Georgi
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
  3. Randy
    Randy avatar
    75 posts
    Member since:
    Jul 2009

    Posted 04 Feb 2020 in reply to Georgi Link to this post

    I have been able to isolate this problem. In my code I am using the .Mobile() property in my MVC wrapper. However, when I removed that, it renders correctly on an iOS device. Can you try your example again using the Mobile property? 

    Is there some reason why using Mobile would cause an issue?

  4. Georgi
    Admin
    Georgi avatar
    685 posts

    Posted 06 Feb 2020 Link to this post

    Hi Randy,

    Could you please test to set the height to 100% in the configuration of the grid?

    e.g.

            mobile:true,
            height:'100%'

    Below you will find a modified version of the sample:

    Regards,
    Georgi
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
Back to Top