jQuery UI sortable doesn't support floating divs?

Question

Hi!

I'm having a strange problem, that I've been trying to solve for too long. I hope you guys could help.

I have floating DIVs that I want to sort with jquery-ui-sortable. All goes well if I don't use a placeholder, but when I use one strange behaviour happens when the placeholder is in the top row on the last position.

Here's the example: http://oterosantos.com/test.html

If your screen is big enough to get all squares on a single row please resize the browser window.

Is this a jquery-ui bug?

Thanks,

-Ricardo

Answer 1

You need to adjust the vertical padding on the group_placeholder style, instead of this:

padding: 20px;

Do this:

padding: 20px 20px 23px 20px;