title: jquery UI sortable with fixed elements on the end
body: <p>I have 2 lists, with one initially empty.  I would like to have the fixed elements on the end, such that to drag an element into the empty list it ends up between the anchor elements (like bookends).  But when I drag the items, they always end up after the locked elements (I am using items and 'not:' selector to exclude the anchors). and not between them:</p>
  
  <pre><code>    &lt;ul id="list1" class="connected"&gt;
         &lt;li class="Anchor"&gt;Top Of List 1&lt;/li&gt;
         &lt;li&gt;Item 1&lt;/li&gt;
         &lt;li&gt;Item 2&lt;/li&gt;
         &lt;li class="Anchor"&gt;Bottom Of List 1&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul id="list1" class="connected"&gt;
         &lt;li class="Anchor"&gt;Top Of List 2&lt;/li&gt;
         &lt;li class="Anchor"&gt;Bottom Of List 2&lt;/li&gt;
      &lt;/ul&gt;
  
      $( "#list1" )
          .sortable({ items: "li:not(.Anchor)",
               connectWith: ".connected"})...
  </code></pre>
  
  <p>I have a fiddle that demonstrates this:
  <a href="http://jsfiddle.net/97xdq0hj/" rel="nofollow">http://jsfiddle.net/97xdq0hj/</a></p>
  
  <p>Even on JQuery UI site this seems to be broken: once you drag the items to top/bottom of fixed elements, there is no way to get them back between them.</p>
  
  <p><a href="https://jqueryui.com/sortable/#items" rel="nofollow">https://jqueryui.com/sortable/#items</a></p>
  
  <p>I also tried this with cancel on the anchors, but that still allows things to be placed outside the anchors.</p>
  
  <p>The jquery sortable version I am using is v1.11.2.</p>
  
  <p>Any ideas on the best way to solve this?</p>