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.

Does not fix IE7 placeholder issue since that should be filed separately.

[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.