I've tried about everything and can't get the results I need. Basically I have some draggables in a movable div (pane). When I'm over the pane I only want the draggable to be droppable on elements in the pane (and have a visual cue as such). When I move beyond the pane I only want the draggable to be droppable on elements on a background div the size of the window behind the pane. Right now if I drop on a droppable in the pane and there is a droppable behind the pane they both get the drop call.
I'm setting up the droppables in the "start" callback of the draggable. I've tried changing the accept on the droppables outside the pane in the "drag" callback, when the draggable crosses outside the pane boundary. I can't seem to change the accept on droppables dynamically from within the drag callback. They seem locked to the state when the drag first started. I've also tried changing the scope of the draggable (and also tried it on the droppables) from within the "drag" callback, when the draggable crosses outside the pane boundary. The scope doesn't seem to change dynamically when called from within the "drag" callback. They also seem locked to the state when the drag first started. I would really like the activeClass cue to change dynamically when I cross the pane boundary as well. Does anyone have any ideas as to how to make this work. Thanks, -ml
