How is the distance from the mouse pointer to the $item being dragged calculated?

[achaffman]

The reason I ask is looking at the attached pic, you'll see the mouse cursor, a move cursor and the LI item (wrapped with a dotted border). That Top/Left distance is exactly the Top/Left distance from the DIV class=section to the DIV class=row inside the LI.

Should I be using an itemPath, ContainerPath, both? I'm just unclear. Any help would be appreciated.

Here is the basic code layout:

<div class="section">
  <div class="row">
    <div class="tab-content">
      <div class="tab-pane">
        <ol class="mycourselist">
          <li>
            <div class="row">
              <div class="icon-move"><span class="glyphicon glyphicon-move"></div>
              <div>col 2</div>
              <div>col3</div>
              <div>col4</div>
            </li>
           </ol>
         </div>
       </div> 
     </div>
   </div>
 </div>  

[olance]

hey, have you figured this out?! thanks!

[achaffman]

No I haven’t figured this out. I am intending on switching to http://rubaxa.github.io/Sortable/ when I have time to.

[olance]

Okay! Thanks for replying :)

​In case it could help you or others, I have found the source of my problem (which had the same result as yours): the "dragged" class which is set in the item being dragged adds a "position: absolute" rule but it is not "important", so it was overwritten by my own CSS rules that declared a "position: relative".

​I specified that those items with the "dragged" class should instead be absolutely positioned and that made the trick!

[olance]

@achaffman thanks for the pointer to the other lib though, just used it and it's awesomely simple! Fixed all my problems in a matter of minutes :)