PDA

View Full Version : [OPEN-453] Centered Floating Panel with form focus problem



gh0st26
21 Oct 2010, 10:09 AM
Hey everyone, Not sure if this has been posted before, i did attempt to do some searches but came up with nada...
anyways, I have seem to come across a problem when centering a floated panel that has form fields in it. When you focus the fields the box seems to move up and down in an odd fashion, i actually find myself chasing the field with my finger... I have included some small test-case code to show the issue... Also, I was able to re-create the issue in the prompt overlay demo in the "kitchen sink".



login_box = Ext.extend(Ext.form.FormPanel, {
floating: true,
modal: true,
hideOnMaskTap: false, // This doesn't do anything ?
stopMaskTapEvent: true, //This works
cls: 'login_box', //Tried Adding top/left css rules instead of using the centered property. Same bug
centered: true,

initComponent : function(config) {

this.items = [{
xtype: 'numberfield',
name: 'id',
label: 'user ID',
required : true,
showClear : true
}, {
xtype: 'passwordfield',
name: 'password',
label: 'Password',
required : true,
showClear: true
}];

var buttons = [{
xtype: 'spacer'
},{
text: 'Login',
id: 'login'
},{
text: 'Cancel',
id: 'cancel'
}];

var ttb = new Ext.Toolbar({
dock: 'top',
title: 'Please Login!'
});

var btb = new Ext.Toolbar({
dock: 'bottom',
items:
});

this.dockedItems = [ttb,btb];

login_box.superclass.initComponent.call(this, config);

}

});
Ext.reg('login_box', login_box);

[B]
Call the code:



var win = new login_box();
win.show('pop');


Any thoughts guys?

- Ian

BrendanC
21 Oct 2010, 3:52 PM
Thanks for the bug report.

gh0st26
21 Oct 2010, 6:49 PM
I'm sorry but I forgot to mention this was on an iPad. Current version as of this.

Jacky Nguyen
8 Nov 2010, 3:52 PM
This seems to have been fixed in our RC release that's going out shortly. Could you please help to confirm if it's no longer an issue.