Can't set scrollable back to null
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:- Chrome for Mac 24.0.1312.57
DOCTYPE tested against:
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:
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:
See this URL for live test case: N/A
Debugging already done:
Possible fix:
Additional CSS used:
Operating System:
