Ext.Tab.Panel getting cut off on window maximize

[joza98]

If I start the program in a small window, then maximize the window, components in the Ext.Tab.Panel which take up the new space offered by the maximized window are not displayed. For example, if the panel initially takes up a 100x100 space, and then the window is expanded to a 500x500 space, components in the panel which are not in the original 100x100 space are not shown. I've included some images to help explain this issue:

Initial small window:
ribbon_window_small.PNG

Maximized window with panel cut off:
ribbon_window_cutoff.jpg

Maximized window with the panel looking as it should:
ribbon_window_full.jpg

[joza98]

Fixed with the following code:

    initComponent: function () {
        var self = this;

        self.callParent(arguments);
        
        $(window).on('resize', function (event) {
            var width = event.target.innerWidth;
            self.setWidth(width);
        });
    },