View Full Version : [CLOSED][3.1.1-beta] Panel's 'resize' event fails to fire

22 Jan 2010, 9:31 AM
Ext version tested:

Ext 3.1.1 Beta

Adapter used:


css used:

only default ext-all.css

Browser versions tested against:

Opera 10
FF3 (firebug 1.5.0 installed)

Operating System:



The 'resize' event doesn't appear to be fired on a Panel.

Test Case:

After running the code below, resize the browser window to see whether the resize event was fired.

Ext.onReady(function() {
var viewport = new Ext.Viewport({
items: [{
xtype: 'tabpanel',
activeTab: 1,
items: [{
title: 'Homepage',
html: 'foobar'
title: 'Query Builder',
layout: 'border',
items: [{
region: 'west',
title: 'Search',
itemId : 'west',
collapsible: true,
width: 300,
layout: 'fit',
listeners: {
resize: function(c, adjWidth, adjHeight, rawWidth, rawHeight) {
console.info('west panel');
}, {
region: 'center',
title: 'Search results',
xtype: 'container',
itemId : 'center',
items: [],
listeners : {
resize : function() {
console.log('center panel');

Steps to reproduce the problem:

Simply load the test case and check the Firebug console. Once loaded, you should see console output when you resize the browser window.

The result that was expected:

The resize event should fire when the browser window is resized.

The result that occurs instead:

The panel's resize event doesn't fire.

Jamie Avins
25 Jan 2010, 7:34 AM
Event should be properly firing in the current svn. There will be a beta2 released soon with this and other updates which should make upgrading from 3.0.x easier.