jQuery sortable élément de hauteur

J'ai une simple jQuery sortable basé sur une liste comme suit:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

J'ai créé une fonction d'aide de sorte que peu importe le contenu d'un élément peut être, l'aide est toujours la même taille fixe.

Mon problème est que si je fais glisser un élément qui a beaucoup de contenu (dit plusieurs paragraphes de texte), même si mon aide n'est qu'une seule ligne de hauteur, le point ne sera pas tomber sur l'élément ci-dessous jusqu'à ce qu'il a voyagé au moins la hauteur d'origine de mon article.

Par exemple:

<ul>
  <li>Item 1
  line2
  line3
  line4
  line5
  </li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

Si je fais glisser item1 mon aide, transforme ce dans une seule ligne - agréable et facile à glisser. Cependant, j'ai encore besoin de déplacer la souris 5 lignes en bas de l'écran avant de item1 peut être déposé entre item2 et item3. Une fois que je fais glisser suffisamment de hauteur de l'élément, puis semble fonctionner comme je l'espère, et je n'ai plus besoin de la faire glisser la hauteur d'origine.

J'ai essayé toutes les sortable options je pense, mais en vain et je suis en espérant que quelqu'un a une suggestion.

$( '#sortable' ).sortable( {
  placeholder: 'highlight',
  axis: 'y',
  helper: function( event ) {
   return $( this ).find( '.drag' ).clone();
 },
});