[OPEN-875] deferredRender: false radio/checkbox wrong in IE7 and IE8 in tabbed form

[ExtKD]

n/a

[Jamie Avins]

The issue is that IE needs a manual repaint done after the component is visible (it was rendered in a hidden tab in this case). IE really doesn't handle rendering inside of hidden elements well. I'm not sure of a clean way to fix the issue ad of yet. What you can do for now is have IE repaint the wrap elements when it's tab is activated:

    listeners: {
        activate: {
            fn: function() {
                Ext.each(this.findByType('checkbox'), function(c) {
                    c.wrap.repaint();
                });
                Ext.each(this.findByType('radio'), function(c) {
                    c.wrap.repaint();
                });
            }
        }
    }

[Jamie Avins]

You should be able to use findParentByType, also if you want a one time event (removes the listener automatically after the single invocation), use the option single: true.