Draggable panel

[fx-mike]

I'm trying to create a floating panel that is draggable, which works fine so far.
But I would like to restrict the drag event to the border of the panel, while a drag on the inner x-panel-body should e.g. scroll a list or something similar.

I have this code, and have tried lots of different cancelSelectors, but didn't get it to work. cancelSelector just doesn't seem to have any effect at all.



{
xtype: 'panel',
id: 'viewport',
layout: 'card',
floating: true,
modal: false,
hideOnMaskTap: false,
width: 320,
height: 480,
draggable: {
cancelSelector: '*'
},
componentCls: 'viewport-floating'


Any hint is appreciated

[abierbaum]

I would be interested to see what you come up with. I have a similar need in our application.