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.