title: JQuery UI sortable in a scrollable container - scroll position "jumps" when sorting
body: <p>Please check this almost identical question first: <a href="https://stackoverflow.com/questions/1735372/jquery-sortable-list-scroll-bar-jumps-up-when-sorting">jQuery Sortable List - scroll bar jumps up when sorting</a> </p>
  
  <p>I have exactly the same problem, only that I tried all the suggested solutions there with no luck</p>
  
  <p><strong>Here is the way to reproduce</strong></p>
  
  <ul>
  <li>create a <a href="http://jqueryui.com/demos/sortable/" rel="nofollow noreferrer">sortable list</a></li>
  <li>have it scrollable </li>
  <li>scroll down</li>
  <li>reorder items</li>
  <li>scroll position "jumps" up </li>
  </ul>
  
  <p><strong>Here is the code (see also in <a href="http://jsfiddle.net/gwen4/1/" rel="nofollow noreferrer">JSFiddle</a>)</strong> </p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;ul id="panel" class="scroll"&gt;
      &lt;li class="content" style="background-color:red"&gt;item1&lt;/li&gt;
      &lt;li class="content" style="background-color:green"&gt;item2&lt;/li&gt;
      &lt;li class="content" style="background-color:blue"&gt;item3&lt;/li&gt;
      &lt;li class="content" style="background-color:gray"&gt;item4&lt;/li&gt;
      &lt;li class="content" style="background-color:yellow"&gt;item5&lt;/li&gt;    
  &lt;/ul&gt;​
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>$(function() {
      $("#panel").sortable({
          items: ".content",
          forcePlaceholderSize: true
      }).disableSelection();
      $(".content").disableSelection();
  
  });​
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.scroll{
      overflow: scroll;
      border:1px solid red;
      height: 200px;
      width: 150px;
  }
  .content{
      height: 50px;
      width: 100%;
  }
  ​
  </code></pre>
  
  <p>Here is the code (in <a href="http://jsfiddle.net/Fnncs/3/" rel="nofollow noreferrer">JSFiddle</a>) after trying the notion of the <a href="https://stackoverflow.com/questions/1735372/jquery-sortable-list-scroll-bar-jumps-up-when-sorting/4735975#4735975">accepted answer</a> (with no luck)</p>
  
  <p>I can try to understand why it happens (list get's "shortened" for a quick second), but all attempts to use placeholders or helpers to avoid it didn't work either. I feel I tried almost any permutation of the "scrollable" options with no luck</p>
  
  <p><strong>Browsers I tried</strong></p>
  
  <p>IE9, Firefox 10.0.1, and Chrome 17</p>
  
  <p><strong>JQuery versions</strong></p>
  
  <p>core 1.7.1, UI v 1.8.17</p>
  
  <p>Am I doing something wrong? Is there a solution? Could it be a bug? </p>