somehow strange, that nobody posted this one before.
imagine a tabbed form with combos or other triggerFields.
the tabPanel has the config
in firefox or chrome this is no problem.
deferredRender : false
in ie8 this is a problem, only the active tab renders correctly.
to be more precise, inside the triggerField onRender method is the part:
although i have set a width-config for the combo, this.width seems to be null when rendering hidden.
this is the part i do not understand yet
it might come from the rendering of Ext.BoxComponent, but i am not sure.
the rest is quite clear: since this.el.getWidth() will return 0 when rendering hidden, the wrap will get the same width as the trigger. the whole element itself has the right width, leading to my funny screenshot.
in my usecase, the combo is disabled. when enabling it, the width of the wrap is correct again. on the next disabling it is wrong again.
p.s.: could not post the whole ie-console, since only images below 620px width are allowed in this vBulletin.