Akrion
3 Nov 2011, 6:00 AM
Sencha Tocuh version tested:
2.0 Beta1
Browser versions tested against:
Chrome
Safari 4
Description:
Ext.form.Panel "scrollable" config changes the background to BLACK
Steps to reproduce the problem:
create Ext.form.Panel
add scrollable: false to the config section
The result that was expected:
unchanged background
The result that occurs instead:
background of the form changes to BLACK
View Test Code:
Ext.define('My.view.X', { extend: 'Ext.form.Panel',
constructor: function (config) {
this.callParent(arguments);
},
config: {
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
scrollable: false,
height: 380,
width: 480,
items: [
{
id: 'lf_tbTop',
xtype: 'toolbar',
docked: 'top',
title: 'X Mobile',
ui: 'light'
},
{
xtype: 'toolbar',
docked: 'bottom',
items: [
{ xtype: 'spacer' },
{
id: 'lf_btnSignOn',
text: 'Sign On',
ui: 'confirm'
}
]
}
]
}
})
2.0 Beta1
Browser versions tested against:
Chrome
Safari 4
Description:
Ext.form.Panel "scrollable" config changes the background to BLACK
Steps to reproduce the problem:
create Ext.form.Panel
add scrollable: false to the config section
The result that was expected:
unchanged background
The result that occurs instead:
background of the form changes to BLACK
View Test Code:
Ext.define('My.view.X', { extend: 'Ext.form.Panel',
constructor: function (config) {
this.callParent(arguments);
},
config: {
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
scrollable: false,
height: 380,
width: 480,
items: [
{
id: 'lf_tbTop',
xtype: 'toolbar',
docked: 'top',
title: 'X Mobile',
ui: 'light'
},
{
xtype: 'toolbar',
docked: 'bottom',
items: [
{ xtype: 'spacer' },
{
id: 'lf_btnSignOn',
text: 'Sign On',
ui: 'confirm'
}
]
}
]
}
})