$('#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.


Reply via email to