$('#editor-foreground').sortable({}); $('#module-buttons').sortable({ connectWith : '#editor-foreground', sort : function(e, ui) { console.log(ui.placeholder[0].parentNode.id) } });
The above code is a bit abridged for simplicity here. #module-buttons is about 200 pixels wide inside a fixed position ui.draggable div. #editor-foreground is about 800 pixels wide laying on the page normally. Ordinarily, if I drag an LI from #module-buttons over #editor-foreground, everything works perfect: it will console.log 'editor-foreground'. However, if #module-buttons even partially overlaps #editor-foreground, ui.placeholder will always log #module-buttons. Even if I drag hundreds of pixels away, the sortable will still think I'm in the wrong one. I double checked all my CSS so all divs do not extend to where I'm dragging. Bug because of fixed position draggable, or am I getting something wrong? -- View this message in context: http://old.nabble.com/Issue-placing-sortable-placeholder-tp27063825s27240p27063825.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
-- 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.