.ui-sortable-placeholder width not updated on rearrange in ui.sortable.js

[mmohrman]

When sorting an unordered list, the width for the placerholder element, .ui-sortable-placeholder, is not updated. So, for example, if you move an outermost list item inward (to be the child of a sibling list item), the placeholder div stretches beyond the root list.

Fix:

Change

if(this.placeholderElement) this.placeholder.css(this.placeholderElement.offset());

To

if(this.placeholderElement) this.placeholder.css(this.placeholderElement.offset()).css({ width: this.placeholderElement.outerWidth() });

On ~line 485 in ui.sortable.js

Thank you.

[mmohrman]

this.placeholderElement.is(":visible") returns false, so the implemented solution is never executed.

[mmohrman]

Removing

&& this.placeholderElement.is(":visible")

or using

this.placeholder.is(":visible")

instead appear to be acceptable solutions.

[paul]

This wouldn't work, because outerHeight reports a wrong result when the visibility of a element or parent is set to hidden. Brandon, any idea?