Grid trouble in Chrome 19

[maticpetek]

Hello,
Today we get upgrade on Chrome 19 and now grids become very strange position. It also happend on GXT Explorer - for example http://sencha.com/examples-2/#filtergrid.
gxt_chrome19.jpg

Related discussion is also happening on this forums :
http://www.sencha.com/forum/showthre...hrome&p=804508
https://code.google.com/p/chromium/i...tail?id=124816

Any idea what we should do? Thank you
Regards,
Matic

[cvovan]

We're also seeing the same issue. We're about a month away from going live with our webapp and this issue is very critical.

[Ersmarker]

We are aware of the issue with Chrome 19 which is causing 2px extra column width per column for both GXT 2 and 3. It is related to this bug http://code.google.com/p/chromium/is...tail?id=124816. We have a fix for both GXT 2 and 3 and will be pushing out a new release for both 2 and 3 very soon.

[Mjollnir26]

What about ExtJS 3.4?
I am in a load of trouble here and upgrading to 4.1 isn't an option

[harun]

I'm waiting the solution impatiently,

it is really bother me for a week.

[maticpetek]

Hi,
try solution from T...@watchdox.com. It works for us.

http://code.google.com/p/chromium/is...tail?id=124816

Regards,
Matic

[harun]

thanks maticpetek , it is alse worked for me.

[doright]

Hi there, I tried the two stylesheet fixes mentioned in this post, but still no good.

so am waiting patiently for the Sencha fix.

many thanks,
D

[maticpetek]

doright,
I will just describe what I have done. Maybe it will help.

1) we have two CSS files in index.html head:
<link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css?v=26ae8557c29af4de1160d07ead7e93d0" />
<link type="text/css" rel="stylesheet" href="gxt-myapp.css?v=310337fdcd247287cb8f699b44fbf272" />

2) the second one (gxt-myapp.css) is default layout override.
3) we have put the following code on the end of first file - gxt-all.css

@media screen and (-webkit-min-device-pixel-ratio:0) { .x-grid3-row td.x-grid3-cell { padding-left: 0; padding-right: 0; }}

Regards,
Matic
------------------
GWT stuff twitter - http://twitter.com/#!/gwtstuff

[doright]

thanks, maticpetek,

okay, so I moved it to the end of the sencha .css, as you suggested - rather than in my-app.css.

so, that has sorted the first of my 2 grids. But my second one, which in fact shows the detail of the previous list (that your css change fixed) is still wrong:
As you can see from the attached screenshot its more complicated with HeaderGroups, images and buttons. But it used to work fine prior to the chrome update, and still works great in Safari and FF.

many thanks for any more ideas.
d