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 jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to