Chrome 19 (stable release) renders table/header alignment incorrectly
Description
Attachments
is related to
Activity
Thomas Amsler November 8, 2012 at 4:14 PM
Code Review: http://codereview.appspot.com/6813105
David Woods November 7, 2012 at 11:21 AM
tested in FF, Chrome, IE, Safari
using zoomed to very large font, and very small font, as well as middle size font.
All browser showed a little bit of missalignment at one or more of the font/screen zoom settings, but not enough to cause any confusion.
QA PASS
Thomas Amsler September 6, 2012 at 3:48 PMEdited
@Chris Schauer: Thank you for the fix
Chris Schauer September 6, 2012 at 3:33 PM
This is what we added to fix the problem. Been using it for 2 months without any issue:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.x-grid3-cell {
box-sizing: border-box;
}
}
Thomas Amsler August 2, 2012 at 1:53 PM
Update: Ext GWT v2.2.6 is only released to paying Sencha customers. The rest of the GXT community has to wait until Ext GWT v2.3.0 is released. I have posted another Sencha message asking them to release this fix to the genearl community.
Info from the GXT mailing list as well as Chrome bug report:
http://www.sencha.com/forum/showthread.php?205798-Grid-trouble-in-Chrome-19
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
The chrome bug report mentions the following workaround:
Just a note for anyone who needs to work around this:
I added this to my style sheet to get around the issue, since I still need table-layout:fixed for other browsers:
@media screen and (-webkit-min-device-pixel-ratio:0) {
table
{
table-layout: auto;
}
}
Got the idea from this Stackoverflow question:
http://stackoverflow.com/questions/1292258/chrome-conditional-comments