Can't change 'docked'

[jweber]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2.1

Browser versions tested against:

• Chrome 23.0.1271.95 for Mac

DOCTYPE tested against:

• html

Description:

• Calling 'setDocked' doesn't change the position of the docked item.

Steps to reproduce the problem:

• Load the code below, and click 'change'.

The result that was expected:

• The component on the left moves to the right.

The result that occurs instead:

• The component doesn't move.

Test Case:

Ext.define('MyView', {
	extend: 'Ext.Container',
	config: {
		itemId: 'main',
		fullscreen: true,
		items: [{
			itemId: 'left',
			docked: 'left',
			html: 'left'
		},{
			items: [{
				xtype: 'button',
				text: 'change',
				handler: function(button) {
					button.up('#main').down('#left').setDocked('right');
				}
			}]
		}]
	}
});
var view = Ext.create('MyView');

HELPFUL INFORMATION


Screenshot or Video:

• N/A

See this URL for live test case: N/A


Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only default ext-all.css

Operating System:

• Mac OS 10.8.2

[mitchellsimoens]

Thanks for the report! I have opened a bug in our bug tracker.