Sortable: Containment works only with elements of the same height

[mg]

When sorted elements differ in height many problems appear then trying to drop an element in correct place:

Most annoying is then trying to drop element to end of the list when approaching from below. in 90% of tries it drops above the last element instead of the list end.

Another problem is incorrect height of placeholder under IE7, but I think it has already been reported.

[mg]

Another observation: showing the placeholder is calculated with the height of drag handler, not the entire dragged element.

That's problably the cause.

[mg]

Live demo of the bug can be seen here:

​http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html

Try to drop an element at the bottom when approaching from below. Most of the times it won't be possible until we reach 3/4 of the last element or it will be place above the last element.

The demo shows also IE7 placeholder BUG - just try it in IE7.

[k_borchers]

I believe I have fixed this bug here ​https://github.com/jquery/jquery-ui/pull/307. Does not have to do with different heights of elements but rather the way intersections with the sortables were being calculated.

[tj.vantoll]

#8621 is a duplicate of this ticket.

[tj.vantoll]

Test case against master from #8621 - ​http://jsfiddle.net/tj_vantoll/j4Avu/.

[tj.vantoll]

Reduced the test case against master ​http://jsfiddle.net/tj_vantoll/j4Avu/1/. Basically all you need is to have sortables of different heights and containment: 'parent' to recreate the issue.

[tj.vantoll]

Possibly a duplicate of #5772 because both have to due with not being able to reorder when using the containment option.