Chrome update (30.0.*) breaks remote bootstrap header / column sizing
Chrome update (30.0.*) breaks remote bootstrap header / column sizing
It looks like the new Chrome 30 update is not compatible with remote datatables using the bootstrap styling. The headers & columns aren't lining up. Worked fine in Chrome 29, and still works in firefox & ie. It took hours to figure out where the problem was coming from, and more hours trying to figure out what broke with the chrome update, with no luck.
https://www.dropbox.com/s/it608kw5no7zfca/Screenshot%202013-10-08%2011.16.10.png
I can PM the login details by request for debugging purposes
Any help would be greatly appreciated!
Thanks,
Trey
https://www.dropbox.com/s/it608kw5no7zfca/Screenshot%202013-10-08%2011.16.10.png
I can PM the login details by request for debugging purposes
Any help would be greatly appreciated!
Thanks,
Trey
This discussion has been closed.
Replies
Allan
This also seems to be a duplicate of: http://datatables.net/forums/discussion/comment/52636
Off the top of my head, I'm afraid I've no idea what is going wrong there. I'm going to have to spend some time debugging it.
Allan
Allan
we're having a working 95% solution by deactivating the bAutoWidth setting in the datatables constructor:
bAutoWidth: false
http://datatables.net/ref#bAutoWidth
We're doing some manual invocations of #fnAdjustColumnSizing(false) by several events (like window resize, item modification etc.) which adjusts all widths correctly in most cases.
Works on chrome 30, FF 20 and IE10 on win8 and osx. chrome 30 on ubuntu has some slight misalignments still but that's temporarily ok for us. At least our UI is usable again and we get some more time to find out what happens exactly.
We assume it has sth to do with header fields that have no textual or graphical content. Such fields might cause the width calculations to return strange results and thus the content table is misaligned.
cheers!
http://joxi.ru/y11VUtg5CbDjI83_oO8
Google Chrome Canary 32.0.1664.3 canary Aura
http://joxi.ru/E15VUtg5CbBhJNV6eKs
At this point, if I understand correctly, must adjust to the main title, but the dimensions are taken into Chrome Stubley wrong with the Padding, Border and Margin
I do not have time now to look any further, I hope this has helped at least :)
As a workaround, you can add a tiny amount of padding to your cells to cause this Chrome optimisation to be bypassed:
[code]
th, td {
padding-left: 0.00001%;
}
[/code]
The issue is discussed and recorded in this Chromium bug:
https://code.google.com/p/chromium/issues/detail?id=290399
Hopefully we'll get an update to Chrome 30 with the optimisation removed.
Allan
Allan
Any ideas on how to move left aligned text over without the padding? I tried margin-left & text-indent, which didn't seem to work...
[code]
th, td {
padding-right: 0.00001%;
}
[/code]
?
Allan
Do you have more news concerning when this issue will be resolved ?
Indeed, that impacts very much an application of my company.
Best regards.
Allan
"The bug has been fixed on the M30 branch, and is moving its way towards users. I'm closing this bug for comments. Thank you all for your help!"
They have not given an estimate as to when this will be pushed to live, so I guess we just have to hurry up and wait.
(https://code.google.com/p/chromium/issues/detail?id=290399)
Chrome Version 30.0.1599.101 m
:)
From the bug, as adinaadler says, they are working on it now.
Allan
With the workaround, the sorting image on the header gets overlapped. Is there a workaround to fix this?
Allan