Hi there,
I have a few grids in the AngularJS (v.1.x) app where i face issue is in Pagination as well as Filter Dropdown / List. When there is a grid in the page as the last element of a page following problems occur :
1) Grid Filter
Once i filter any column and let say no rows are displayed because it's not matching the data as per the filter. Now Grid height is smaller than before and if i click on filter again (filter list height is larger than grid size in this case), it's flickering.
If i scroll a bit the page then it works fine, it renders list in top position instead of bottom. Unless I scroll, problem is not solved.
2) Grid Pagination Dropdown
It similar to 1) only difference is in reproducing. Here i am changing page size from 300 to 10 and trying again to do the same but starts flickering. Once i scroll it solves the problem.
Summary :
Such scenarios where grid is end of page this problem occurs and in my application i have used lots of grid in this scenarios.
AngularJS Version : 1.5.5
Kendo Version : 2016.1.412
jQuery Version : 1.9.1 / 2.x (tried both)
Any help from Kendo Team will be greatly appreciated!
Thanks,
Hardik
3 Answers, 1 is accepted
Thank you for bringing this issue to our attention. It has been logged, and we will do our best to fix it in some of our future releases. Meanwhile you can set the Grid height for the Grids the issue is observed in, e.g.:
http://dojo.telerik.com/iMolO/4
I am sorry for any inconvenience caused. I have also updated your Telerik points for helping us improve the quality of our product.
Regards,
Dimiter Topalov
Telerik by Progress
Rank 1
Thanks for the response Dimiter!
I will set fix height to all grids to solve the issue. Please do update me once this issue is resolved in next release.
Regards,
Hardik
You can track the issue in our public GitHub repository, and get updates for its state when such become available:
https://github.com/telerik/kendo-ui-core/issues/3124
Regards,
Dimiter Topalov
Telerik by Progress