I have a FormPanel that is very simple - it has a textarea to allow our users to edit their note and two buttons - save and cancel. The problem is when I use it on an Andoid phone the screen jumps up and down. I originally had a page with a Panel using XTemplate and a simple HTML textarea but this was in a scrollpane. After reading multiple threads on the subject and speculation that scrollpanes were the issueI decided to create a simple screen just to edit the note. See the code below. I am using a FormPanel and an xtype textareafield which I would have believed to have been stable choices

When I first used this screen it seemed to have fixed the problem, but it has reappeared. I have checked the code in source safe and nothing has changed. We have to put this code live next week but it is unusable for Android users.

Thanks for your help

teo.views.NoteView = Ext.extend(Ext.form.FormPanel, {
id : 'NoteView',
initComponent: function() {
var cancelButton, saveButton, buttons, fields;
cancelButton = {
text: 'cancel',
ui: 'back',
handler: this.onCancelAction,
scope: this
};
saveButton = {
id: 'userFormSaveButton',
text: 'save',
ui: 'confirm',
handler: this.onSaveAction,
scope: this
};
buttons = {
layout: 'hbox',
dock: 'bottom',
defaults: {xtype: 'button', flex: 1, style: 'margin: .5em;'},
items: [
cancelButton, saveButton,
]
};
fields = {
xtype: 'fieldset',
id: 'userFormFieldset',
defaults: {
xtype: 'textareafield',
required: false,
useClearIcon: true,
autoCapitalize : false
},
items: [
{
id : 'note',
xtype : 'textareafield',
grow : true,
name : 'note',
fieldLabel: 'Message',
anchor : '100%'
},
]
};
Ext.apply(this, {
dockedItems: [ buttons ],
items: [ fields ]
});
teo.views.NoteView.superclass.initComponent.call(this);
},
onCancelAction: function() {
Ext.dispatch({
controller:teo.controllers.AppointmentsViewController,
action: 'noteCancelButtonClicked'
});
},
onSaveAction: function() {
Ext.dispatch({
controller:teo.controllers.AppointmentsViewController,
action: 'noteSaveButtonClicked',
data: this.getValues()
});
}
});
Ext.reg('teo.views.noteView', teo.views.NoteView);