PDA

View Full Version : [FIXED] Grid trouble in Chrome 19



maticpetek
16 May 2012, 11:22 PM
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.
35330

Related discussion is also happening on this forums :
http://www.sencha.com/forum/showthread.php?198124-Grids-are-rendered-differently-in-upcoming-versions-of-Google-Chrome&p=804508
https://code.google.com/p/chromium/issues/detail?id=124816

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

cvovan
21 May 2012, 2:35 PM
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
21 May 2012, 10:47 PM
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/issues/detail?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
22 May 2012, 2:43 AM
What about ExtJS 3.4?
I am in a load of trouble here and upgrading to 4.1 isn't an option

harun
22 May 2012, 11:22 PM
I'm waiting the solution impatiently,

it is really bother me for a week.

maticpetek
24 May 2012, 4:10 AM
Hi,
try solution from T...@watchdox.com (http://code.google.com/u/102339358769989492708/). It works for us.

http://code.google.com/p/chromium/issues/detail?id=124816

Regards,
Matic

harun
24 May 2012, 5:05 AM
thanks maticpetek , it is alse worked for me.

doright
25 May 2012, 8:08 AM
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
25 May 2012, 1:09 PM
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
25 May 2012, 10:49 PM
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

maticpetek
25 May 2012, 10:55 PM
doright
Sorry, no idea what should do about this one.

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

doright
26 May 2012, 2:07 AM
Hi Ersmarker,

can you give me a rough ETA for the fix please? I need know if I need to continue looking for workaround solutions.

Many thanks,
Doug

nagesh
29 May 2012, 2:36 AM
Hi,
I am also getting the same issue in GXT 2.2.5 grid alignment with Chrome 19. I tried the below work aorund, but no luck. Please update here, Is there any other work around.
http://code.google.com/p/chromium/issues/detail?id=124816
35693
(http://code.google.com/p/chromium/issues/detail?id=124816)

sreggiani
4 Jun 2012, 7:45 AM
I have the same issue... the problem is related to the vertical borders of the grid: if you remove them the alignment trick posted before:


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



works correctly. But I need a fix that work also with vertical cell borders...
Any idea?

mgrouch2
5 Jun 2012, 7:28 AM
We are having exactly same issue with GXT grid alignment on latest Chrome
and GXT 2.2.5. The fix posted here doesn't work for us when vertical cell borders are enabled.
Does GXT team have a solution?

Thanks

WesleyMoy
8 Jun 2012, 11:40 AM
This issue has been resolved in Ext GWT 2.2.6. Please see this release announcement: http://www.sencha.com/forum/announcement.php?f=45&a=35.

mgrouch2
12 Jun 2012, 10:48 AM
The fix in 2.2.6 doesn't work for us when vertical cell borders are enabled.
Does GXT team have a solution?

Thanks