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

Grid width in chrome when using RTL css

3 Answers 165 Views
Grid
This is a migrated thread and some comments may be shown as answers.
rafi
Top achievements
Rank 1
rafi asked on 29 Oct 2014, 08:43 PM
Hi,

I'm using kendo grid with RTL css (Q4).

For some reason, on chrome browser, the table section is
wider than the "k-grid-content" div,
it seems like, the wide is calculated with additional space for the scroller.

It causes an unnecessary stroller, and worse, the rows and the grid-header are not adjusted.

When I use the same grid with regular css (not rtl). It looks fine
and as I mentioned, I face this problem only in chrome browser (last version).

Can you advise?

Attached screenShots of the grid.

Thanks !

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 31 Oct 2014, 04:18 PM
Hi Rafi,

The observed problem is caused by a browser bug, which is not related to Kendo UI. It is exhibited when there is an inactive vertical scrollbar in RTL mode:

http://jsfiddle.net/dimodi/AhVBX/

Please use a smaller Grid or a larger page size, so that the vertical scrollbar becomes active.

On a side note, it seems that this problem is fixed in the latest Chrome version, so try updating.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
rafi
Top achievements
Rank 1
answered on 02 Nov 2014, 12:53 PM
Thank you for your response,
but, the problem occurs also when the vertical scrollbar is active.
 
(I'm using the last version of google chrome browser)

Maybe you have another Idea?

Thanks!
0
Dimo
Telerik team
answered on 03 Nov 2014, 01:14 PM
Hi Rafi,

Since using the latest Chrome version, I am not able to reproduce the discussed problem anymore. Please provide a runnable example.

The following works as expected on my side:

http://demos.telerik.com/kendo-ui/grid/right-to-left-support

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
rafi
Top achievements
Rank 1
Answers by
Dimo
Telerik team
rafi
Top achievements
Rank 1
Share this question
or