Test Case Boilerplate

Fork this way...

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div class="helper"></div>

<ul id="sortable">
    <li>Start by dragging me.</li>
    <li>The helper should be 100px by 100px because of CSS rules.</li>
    <li>But instead it's set to the size of the items.</li>
</ul>

CSS

.helper {
    background-color: red;
    width: 100px;
    height: 100px;
}

JavaScript

$('#sortable').sortable({
    helper: function() {
        return $('.helper').clone();
    }
});