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:

Code:
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