The Ext.List keeps bouncing back to the top when user tries to scroll

[whiplash]

Hi Guys,

I have an Ext.List and use an Ext.XTemplate to structure the styling and data from the store.

I browsed for the site via my Android phone and the list does not allow the user (me) to see the list items that are beyond the visible area of the screen.

Any ideas how I could make the list scroll properly?

Many Thanks

Whiplash

[mitchellsimoens]

The parent component to the Ext.List needs to use a layout that manages the list's height like fit layout or card layout

[whiplash]

Hi Mitchell

thanks for the reply

I have a viewport of new Ext.Panel with layout 'card' which adds the assetsListContainer to its items array which itself has a layout of 'fit' and adds the Ext.List content then ....

App.views.viewport = new Ext.Panel({            
fullscreen: true,            
layout: 'card',            
cardAnimation: 'slide',            
items: [App.views.assetsListContainer, App.views.assetDetail]        
})

App.views.assetsListContainer = new Ext.Panel({            
id: 'assetsListContainer',            
layout: 'fit',            
scroll: 'vertical',            
dockedItems: [App.views.assetsListToolbar],            
items: [App.views.assetsList]        
});

App.views.assetsList = new Ext.List({

...
}); 

I'm by no means an expert, but this seems about right ... no?