Ext version tested:
  • Sencha Touch 2.1.1

Browser versions tested against:
  • Chrome for Mac 24.0.1312.57

DOCTYPE tested against:
  • html

  • 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


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