jQuery sortable overflow issue in IE8

Question

I have a page using three side-by-side jQuery sortables above one other. The idea is to pick and choose from the top three lists into the bottom one. See the example: fiddle .

In Chrome, it's fine. But in IE8, the sortables act as if the hidden portion of the top three are still there, so when you try to drop in the bottom list, it's just added back to the top list. You can get it to work by trying to drop in the margin between the top lists.

I've seen this post , but I'm not seeing any jittering like it describes, and the overlapping lists are on top of eachother, not side by side.

Any thoughts?

Thanks!

Answer 1

I found a solution in this post . It turns out that sortable wasn't really the behavior I was after for the top three side-by-side lists. I changed these to draggable and made the bottom droppable/sortable. Updated the fiddle with the solution.