View Full Version : Problem with constraining drag and drop panel

21 Apr 2014, 5:14 AM
I'm using a custom drag and drop similar to the example found here (http://docs.sencha.com/extjs/4.2.2/extjs-build/examples/dd/dragdropzones.html). However I need to allow the drag and drop panel to move outside the window area since the panels are reasonably large, and as it currently stands it's not possible to drop onto a dropzone that's toward the bottom of the panel.

From what I can tell, the constrainTo method should do this, and it has a parameter inContent, which if set to false, I believe should allow the panel to move outside the drop panel. However, looking at the source, this parameter doesn't seem to be used (presumably a bug?) and I've been unable to work out how to change this behaviour. Does anyone have any ideas?


Gary Schlosberg
7 May 2014, 3:32 PM
I tried but wasn't able to recreate the behavior you are describing using the example to which you linked. Sounds like it could be a bug, but a little hard to say. Can you post a test case which reproduces the issue?https://fiddle.sencha.com/#home

8 May 2014, 7:18 AM
Thanks for the reply.The easiest thing (for me at least :) ) is to point you at my project -:
Creating a cut down fiddle might be difficult, so I hope that this is ok?

If you can grab this, and then open the index.html that's in the Extjs folder. This should open the app. Then, if you try and drag one of the blocks from the accordion on the left into the right (centre) panel, if you try and move it down below the panel boundary it is constrained. Use the large block (the if then else block) - it's more obvious.

I've tried various options with the constrain: false setting, or constrainTo - they all tend to do 'something', but not what I'd like (ie to stop the constraint). This is around line 100-110 - the signs of my experimentation are still there if you want to have a play.