I'd like to give users the ability to drag and resize a symbol within a certain X and Y area, as well as be able to resize the symbol. Right now I can drag and drop the symbol, but I'm having a hard time with limiting the area that it should stay within. Also while using the Responsive Scaling option, the symbol sometimes jumps to a new position when clicked, depending on the size of the browser window.
jqueryUI draggable is a strange animal. There are issues with position when scaling and responsive comps. If you need only Draggable, you might be able to achieve what you want with GreenSock Draggable?
Check out GreenSock here: GreenSock | Draggable
GreenSock works with dragging, even with Responsive Scaling. Now I have to figure out the scaling aspect.