Panel won't scroll down...

[Seth_J]

I'm having a problem scrolling html in on of my views. When I try and scroll with my finger on a phone the html scrolls back up to the top line like it is stuck..

Any ideas?


GoR.views.HelpPanel=Ext.extend(Ext.Panel,{ title:'Help',
initComponent:function(){

var config={
iconCls: 'icnHelp',
items:[{
title: 'Help',
xtype: 'panel',
dockedItems: new Ext.Toolbar({ dock: 'top', title: 'Help' }),
items: [{
xtype: 'panel',
layout: 'fit',
scroll: 'vertical',
draggable: true,
styleHtmlContent: true,
html: 'Long HTML Instructions go here....'
}]

}]
};

Ext.apply(this, config);
GoR.views.HelpPanel.superclass.initComponent.apply(this, arguments);
}

});

[mitchellsimoens]

Your GoR.views.HelpPanel needs to use a layout like fit layout.

[Seth_J]

Thanks mitchell... That doesn't seem to work either.

Strange.. it does work in the iOS simulator but not on the phone itself. I am able to scroll a little but you have to be persistant and only touching the far right side of the screen (where the scroll bar shows up).

[Seth_J]

I took out the scroll: 'vertical' property and it started working.