dropIndex is off if the target container is the mirror container

[deje1011]

In order to make nested css rules work while dragging, I use the drag/drop containers as mirror containers. That works fine, except for the dropIndex being off due to the fact that the mirror is still inside the target container when dropping the transit element. Possible fix:

function domIndexOf(child, parent) {
      /*
            If the mirror container is the target container itself, the mirror is still inside the target when
            dropping the transit element. Thats why we have to make sure to ignore the mirror element here. 
      */
      var children = angular.element(parent).children().not('.gu-mirror');
      return Array.prototype.indexOf.call(children, child);
  }

Thank you for this great plugin by the way!

[bevacqua]

Mirror container isn't supposed to be a dragula container.

[deje1011]

Okay fair enough, it also leads to some other problems as I just noticed. Is there another way to keep nested css selectors working?
thanks for the quick response by the way

[bevacqua]

Sure, place the mirrors in a shared parent instead of directly inside the containers. Please use the slack support channel. See bevacqua/dragula#248