ExtJS Drag with scroll

Question

I have an interface very similar to the one on the ExtJS sample page: here

However, if you select items in the image panel and then try to drag the scroll bar in any direction, the items are not selected and another drag instance is launched. It makes sense on the same level, but what if the user tries to drag a large selection that includes scrolling the panel?

Are there any quick fixes that allow me to drag and scroll without losing the drag selection?

Thanks!

Edit: Forgot to mention that this behavior is reflected in the above example.

Answer 1

For those interested, I solved this by adding the following to the DataView:

autoHeight:true, autoWidth:true, style:'overflow:auto' 

and added this to the panel containing the DataView

  autoScroll:true