Can't set scrollable back to null

[jweber]

REQUIRED INFORMATION


Ext version tested:

• Sencha Touch 2.1.1

Browser versions tested against:

• Chrome for Mac 24.0.1312.57

DOCTYPE tested against:

• html

Description:

• If you start with scrollable:null, and change it to scrollable: false or true, you can't set it back to scrollable: null to restore the old behavior. As far as I can tell, scrollable: null means that the content can overflow its container, and scrollable: false means that the content will be clipped to the size of its container. There may be cases where you want to change this setting.

Steps to reproduce the problem:

• Load the code below.

The result that was expected:

• When you set scrollable to null, the content can overflow its container

The result that occurs instead:

• The content is still clipped to the size of its container, just like with scrollable: false

Test Case:

Ext.define('MyView', {
	extend: 'Ext.Container',
	config: {
		id: 'a',
		fullscreen: true,
		layout: 'fit',
		height: 100,
		scrollable: null,
		items: [{
			html: 'test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />	'
		}]
	}
});

var view = Ext.create('MyView'); // the content overflows its container
Ext.getCmp('main').setScrollable(false); // the content is clipped
Ext.getCmp('main').setScrollable(null); // the content is still clipped

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.

[jweber]

As a workaround, Ext.getCmp('main').getScrollable().destroy() seems to work.