Why is onOrientationChange being triggered twice?

[janelle]

When I change the orientation, its triggering the call to onOrientationChange twice for each time it changes. Is it supposed to do that? I will be putting some code in there to alter the layout, and I dont want to have it called twice.

app.views.Viewport = Ext.extend(Ext.TabPanel, {
    fullscreen: true,
    id: 'viewport',
    layout: 'card',
    monitorOrientation: true,
    tabBar: {
        dock: 'bottom',
        ui: 'light',
        layout: {pack: 'center'}
    },
    cardSwitchAnimation: 'slide',
    initComponent: function() {
        // ...
        
        app.views.Viewport.superclass.initComponent.apply(this, arguments);
    },
                                
    onOrientationChange: function(orientation, w, h)
    {
        console.log(orientation);
        console.log(w);
        console.log(h);
    }
});


Ext.regApplication({
    name: 'app',
    setup: 
    {
        phoneStartupScreen: "img/test.jpg"
    },
    launch: function() 
    {
        this.launched = true;
        this.mainLaunch();
    },
    mainLaunch: function() 
    {
        
        if(!device || !this.launched)
        {
            return;
        }
                   
        this.views.viewport = new this.views.Viewport();
    }
});

[mitchellsimoens]

It will fire when the browser's resize event is thrown. Is the orientationchange event fired twice? It would be simple to buffer them to only fire once:

this.on('orientationchange', someFn, this, { buffer : 50 });

50 is the number of milliseconds to buffer the event firings together. Basically only the last one in that 50ms will fire.