Kendo Grid CSS is curoptted on Chrome

[besher]

Hey,
I have a problem with Kendo grid css over google chrome, please check the attached files which show the problem 

[besher]

on chrome

[Dimo]

Hi Besher,

I am not able to reproduce the described problem on my side when using RTL mode and a popup edit form.

Which Kendo UI version is this? In case you are using a popup edit form template, please make sure that all floats are cleared.

http://www.quirksmode.org/css/clearing.html

Regards,
Dimo
Telerik

 

 

[besher]

Kendo UI Complete v2014.1.318(Trial)
i added the following  css to my page:
"Kendo/kendo.common.min.css"
"kendo.default.min.css"
"kendo.rtl.min.css"

and the required scripts are :
"kendo.web.min.js" besides Jquery (jquery-1.8.2.min.js)

[Dimo]

Hi Besher,

The jQuery version is not compatible with the Kendo UI version, but this is just a side note, it is not related to the discussed problem.

http://docs.telerik.com/kendo-ui/getting-started/javascript-dependencies#jquery-version

Please provide a live URL or attach a runnable project for further investigation.

Regards,
Dimo
Telerik

 

 

[besher]

Please check the following link for live demo of my problem :

http://emlakacentem.com:29/ContractType (open on chrome and firefox) and notice the problem 

[Dimo]

Hello Besher,

It looks like you have fixed the issue, as it is not reproduced on the provided demo.

Regards,
Dimo
Telerik

 

 

[besher]

No, it's not fixed , please note the column aliment between grid header and the grid data row. 

[Dimo]

Hi Besher,

There are two separate problems related to alignment

1. There is a rendering bug in the current version of Google Chrome, which is exhibited in RTL mode when a vertical scrollbar is inactive. Please disable Grid scrolling, or ensure that the Grid height is smaller than the space occupied by table rows.

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


2. There is a missing style in the Kendo UI Grid RTL CSS, which we will add right away and changes will take effect in the next builds. In the meantime, you can use:

.k-rtl .k-grid-header .k-with-icon .k-link
{
   margin-right: -0.6em;
   margin-left: 1.3em;
}

Regards,
Dimo
Telerik