Create new 'Ext.grid.Panel' with any columns and data
Ensure that some of those columns having title longer than any cell value
Invoke autoSize() on column(s) matching criteria above
The result that was expected:
Column title is not cropped in Chrome, all the title characters are visible
There is no ellipsis at the end of column title
The result that occurs instead:
Column title is cropped in Chrome - few last chars are replaced with ellipsis
Screenshot or Video:
Debugging already done:
Issue was introduced because style was changed for "x-column-header-text" class (in "ext-all.css") - "display: inline-block" part was removed in ExtJS 4.2.2. At least, grid works fine if this style change is reverted back.
Probably not reproducible in IE, FF because in those browsers columns are 6px wider due to Ext.support.ScrollWidthInlinePaddingBug == true and corresponding width adjustment
Update sources for "ext-theme-classic-all-debug.css" so that CSS generated for "x-column-header-text" class will look like this (changes are in red):
I see the issue in your JSFiddle, but not anywhere else. When I run your code against 4.2.1, 4.2.2, or a recent 4.2.3 nightly, the column header resizes correctly. https://fiddle.sencha.com/#fiddle/55e
Also, if I remove the CSS from your JSFiddle, it also runs as expected. Perhaps I've missed something.
Are you a Sencha products veteran who has wondered what it might be like to work at Sencha? If so, please reach out to our recruiting manager: email@example.com