Sortables on li with list-style-image : Regression in 1.6RC5 (and SVN) from 1.6RC4: can't drop onto the list-style-image anymore

[beat]

Following worked fine in 1.6RC4 and before, but doesn't work in 1.6RC5 anymore:

If you add list-style-image to a list:

• you can still drag with the list-style-image as a handle, but the drop on another such list-style-image of another li entry doesn't work anymore.

To reproduce:

CSS:

ul#fieldValuesList { list-style-type: none; border: 1px solid #999; margin: 5px; padding: 5px; width:90%; } ul#fieldValuesList li { list-style-image: url(images/mini-icons/icon-18-sort_up_down.png); margin-left: 20px; margin-bottom: 4px; cursor: move; } ul#fieldValuesList li input { cursor: text; } .fieldValuesList-selected { background-color: #E6F7D4; }

HTML:

<ul id="fieldValuesList>

<li>text A</li> <li>text B</li> <li>text C</li>

</ul>

I suppose probably same is true for normal bullets, but didn't test.

Problem is that I made the image be an arrow to show were to move. Worked fine in RC4 and before, but not now anymore.

[beat]

Forgot to give JS:

JS:

$('#fieldValuesList').sortable( { items: 'li', containment: 'parent', animated: true, placeholder: 'fieldValuesList-selected' } );

[beat]

Filed a separate bug #3909 for a different bug than this one, but both together made it broken for my case.

[paul]

That's because the margins are not part of the drop calculations anymore. set the list-style-position to 'inside'

[Scott González]

Milestone TBD deleted