I'm jqueryui sortable components. I've a sortable container element whose children are also sortable.
Here's a JSFiddle http://jsfiddle.net/tilwinjoy/U9k7d/ demonstrating what I've got so far. (most of the code in the fiddle is simply console.logs for detecting the events and set up of sortables)
In the fiddle or image below, the blue area is #container, white boxes are .child and group of such boxes marked with a black border is .parent.
#container and .parent are sortables.
What's happening is that, if we drop an innermost child item partially between an inner sortable element (.parent) and outermost sortable (#container), a receive event is triggered on the outermost sortable (#container), but the item is actually being appended to the inner sortable (.parent). this is creating chaos!.
Following the a StackOverflow question describing the issue in a much better way: http://stackoverflow.com/questions/24200248/jquery-ui-sortable-appending-to-wrong-target
If you've followed the instruction in the question and is able to reproduce the scenario - What i expect is the receive event of the inner sortable (div.parent in fiddle) is triggered and item is append in it (since placeholder appeared in it).
Currently the receive event attached to outermost sortable (div#container in fiddle) is triggered even though item is appended to div.parent where the placeholder was.
As you can see in jsfiddle the version i'm using is query ui 1.9.2 , i've tested it also in 1.10.3
I've tested it in latest version of google chrome in windows 8.1, and safari 6.1.4 in mac os x 10.7.5.
I hope i've provided enough information to reproduce the issue and you guys can fix this..! :)