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

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',

this.dockedItems = [ttb,btb];

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


Ext.reg('login_box', login_box);

Call the code:

var win = new login_box();

Any thoughts guys?

- Ian

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

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.