Sencha Ext GWT grid columns not aligned with grid header

[tamsler]

Can Sencha please release the fix for:

http://goo.gl/lE70q

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

I understand that this is fixed for paying customers in 2.2.6, and that the rest of us have to wait until v2.3.0 is released.

This bug makes our application (Gradebook2 Sakai Foundation) almost unusable.

Any help is greatly appreciated.

Best,
-- Thomas Amsler
UC Davis

[tamsler]

Our application specific JIRA where we track this is:
https://jira.sakaiproject.org/browse/GRBK-1314

[skyrosbit]

I'm using gxt 2.2.5 and there is a solution:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .x-grid3-row td.x-grid3-cell
    {
        box-sizing: border-box;
    }
}

Note:
If your CSS has something like:

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

remote it.

[KeanuLee]

Hi skyrosbit,

I tried with your solution, and added

@media screen and (-webkit-min-device-pixel-ratio:0) {     .x-grid3-row td.x-grid3-cell     {         box-sizing: border-box;     } }

in my css file (Not gxt-all.css)
However, I got an warning message
: encountered "and". Was expecting one of: "{" ","
Do I make any mistake?

[KeanuLee]

Sorry,
after google, I added the code in my jsp file, between <style></style>
but still not work...

[skyrosbit]

To find the solutions I have created a separate Web application with the Grid component, in which I managed to fix the bug.
But when I moved the СSS-trick to a real project, cleared all cache, it still did not work.
But I found that the problem was in unneccessary *.layout() method call for a container (not grid, but the parent container). So I removed this call and it works now.
...

[KeanuLee]

Hi Skyrosbit,

Thank you for your feedback, I do find I call layout function in grid's parent panel,
but it still works abnormal after I removed it.
I will keep try on this way, and update if I find the reason.

Thank you again~