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.
3 Answers, 1 is accepted
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
Rank 1
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?
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