This is a migrated thread and some comments may be shown as answers.

Grid attribute “scrollable” cause strange problem in IE9

1 Answer 112 Views
Grid
This is a migrated thread and some comments may be shown as answers.
hongbo
Top achievements
Rank 1
hongbo asked on 23 Aug 2013, 08:02 AM
Hi,
I use kendoui.complete.2013.2.716.commercial  to create a web page which shows data in the database. But when I slid down the mouse in the grid, there would appear blanks between scrollbar and pager div. At first I thought there might be some problems of my code or datasource, but when I turn to demos on your site, the problem exists! Maybe you can find where the problem is and kindly solve that.
As you can see in the attached file, if you resize the window until the x-scrollbar appears, there would be blanks between scrollbar and div 'pager'. If you modify the attribute scrollable:false the problem will not appear. This only appears on IE, not in Chrome and FF.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 26 Aug 2013, 01:21 PM
Hello Hongbo,

Please avoid posting duplicate forum threads and/or support tickets. If by any chance you do so, please make sure you mention that.

I am copy-pasting my answer here as well:

===

You have stumbled upon a known IE9 bug related to horizontal scrolling and hover styles. The workaround is to have set height to the scrollable container. In this case, please set explicit height to the Grid data area by using one of the following techniques:

+ set height to the Grid <div> before initialization. The Grid will calculate and set the data area height automatically
+ set the Grid's height property in the widget's configuration statement
+ set height to the Grid data area (div.k-grid-content) after initialization with Javascript
+ set a height style to div.k-grid-content via external CSS

Of course, another possible solution is to configure the Grid and page layout in such a way, that the widget has no horizontal scrollbar.

===

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
hongbo
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or