I finally realized that it is happening because of the overflow options on the containing div.
Here is an example. http://pastebin.me/49c793a050bcd I also found that if I create a handle clone and append it to body it works but the original stays there. Is there a way for this to work with a scrollable div? On Jan 14, 7:23 pm, Kyprus <[email protected]> wrote: > I created a grid of draggable elements within a jquery ui panel. No > matter what I set the containment or zIndex options to, the draggable > element is able to go out of the panel, but under everything else. > (Setting containment to parent does container it in the panel). I > can't give you my actual code but its something like this. > > ///////////////////////// > > <body> > > <div id="appContainer" class="UIPanel"> > > <div id="draggableElements" class="UIPanel"> > > <div class="UIDraggable"> > </div> > ... > > </div> > </div> > > <body> > > //javascript > $(".UIPanel").panel({collapsible:false}); > $(".UIDraggable").draggable({revert: "invalid"}); > > /////////////////////////// > > If I drag the elements to the right of the panel they stay inside and > scroll bars pop up. If I drag them to the left they just go under > everything. Anyone have any ideas? > > Thanks
-- You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
