Sencha Touch app components not visible until touching

Question

My Sencha Touch 2.4.0 app's Viewport config looks like this:

xtype: 'mainviewport',
config: {
    layout: 'card',
    height: '100%',
    width: '100%',
    listeners: {
        painted: function() {
            console.log('xxxxxx viewport painted');
        }
    }
}

I'm adding another view into the Viewport using following controller code:

var vp = Ext.Viewport.down('mainviewport');
vp.add(view);
vp.setActiveItem(view);

The issue is, only on Android JellyBean (4.1 - 4.3), I don't see the view rendered on the screen. But, when I tap once, it get's rendered and its painted method is getting called. I also see that the 'xxxxxx viewport painted' line is printed even before I tapped the screen.

I have tried a lot of options in the past week, including downgrading sencha touch to 2.3.0 but still no luck. Highly appreciate any support.

Answer 1

You might take a look at the bug fixes for Chrome 43 which have been recently added to Touch 2.4.2. Since this is a problem affecting Android, I would imagine the Chromium updates could be to blame.