title: Protractor. DragAndDrop doesn't work
body: <p>DragAndDrop doesn't work for me. I try to move item of list and it moves a little bit, but still at the same place.
  When I move element a new item of list is creates, look at the image.
  Have you any ideas?
  Here is my code:</p>
  
  <pre><code>var dragElement = element(by.id("i3"));
  var dropElement = element(by.id("i1"));
  browser.actions().dragAndDrop(dragElement, dropElement).perform();
  </code></pre>
  
  <p>And here is my page:</p>
  
  <pre><code>&lt;ol ui-tree-nodes="" ng-model="$ctrl.items" class="list-group canSorting ng-pristine ng-untouched ng-valid ng-scope angular-ui-tree-nodes ng-not-empty"&gt;
      &lt;!-- ngRepeat: item in $ctrl.items --&gt;&lt;li collapsed="true" ng-repeat="item in $ctrl.items" ui-tree-node="" class="list-group-item p0 ng-scope angular-ui-tree-node"&gt;
          &lt;table width="100%"&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td style="vertical-align: middle !important;" class="text-center p0" width="1"&gt;
                      &lt;i id="i0" class="btn btn-sm glyphicon glyphicon-resize-vertical angular-ui-tree-handle ng-scope" ui-tree-handle=""&gt;&lt;/i&gt;
                  &lt;/td&gt;
                  &lt;td class="ng-binding" style="border-left: 1px solid #ccc; padding-left: 6px;"&gt;
                      Раздел 1
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
      &lt;/li&gt;&lt;!-- end ngRepeat: item in $ctrl.items --&gt;&lt;li style="" collapsed="true" ng-repeat="item in $ctrl.items" ui-tree-node="" class="list-group-item p0 ng-scope angular-ui-tree-node"&gt;
          &lt;table width="100%"&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td style="vertical-align: middle !important;" class="text-center p0" width="1"&gt;
                      &lt;i id="i1" class="btn btn-sm glyphicon glyphicon-resize-vertical angular-ui-tree-handle ng-scope" ui-tree-handle=""&gt;&lt;/i&gt;
                  &lt;/td&gt;
                  &lt;td class="ng-binding" style="border-left: 1px solid #ccc; padding-left: 6px;"&gt;
                      Раздел 2
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
      &lt;/li&gt;&lt;!-- end ngRepeat: item in $ctrl.items --&gt;&lt;li style="" collapsed="true" ng-repeat="item in $ctrl.items" ui-tree-node="" class="list-group-item p0 ng-scope angular-ui-tree-node"&gt;
          &lt;table width="100%"&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td style="vertical-align: middle !important;" class="text-center p0" width="1"&gt;
                      &lt;i id="i2" class="btn btn-sm glyphicon glyphicon-resize-vertical angular-ui-tree-handle ng-scope" ui-tree-handle=""&gt;&lt;/i&gt;
                  &lt;/td&gt;
                  &lt;td class="ng-binding" style="border-left: 1px solid #ccc; padding-left: 6px;"&gt;
                      Раздел c пройденным тестом
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
      &lt;/li&gt;&lt;!-- end ngRepeat: item in $ctrl.items --&gt;&lt;li style="" collapsed="true" ng-repeat="item in $ctrl.items" ui-tree-node="" class="list-group-item p0 ng-scope angular-ui-tree-node"&gt;
          &lt;table width="100%"&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td style="vertical-align: middle !important;" class="text-center p0" width="1"&gt;
                      &lt;i id="i3" class="btn btn-sm glyphicon glyphicon-resize-vertical angular-ui-tree-handle ng-scope" ui-tree-handle=""&gt;&lt;/i&gt;
                  &lt;/td&gt;
                  &lt;td class="ng-binding" style="border-left: 1px solid #ccc; padding-left: 6px;"&gt;
                      Раздел 3
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;&lt;/table&gt;
      &lt;/li&gt;&lt;!-- end ngRepeat: item in $ctrl.items --&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/AcTJq.png" rel="nofollow">screenshot</a></p>