From abd19253eb5ae54f28c57837b872ab25e4aa4691 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 9 May 2017 13:56:14 +0200
Subject: [PATCH] Update sorter move and add 'component:dragging' event

---
 index.html          |  1 -
 src/utils/Sorter.js | 11 ++++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 97d546303..f1b3b2cfe 100755
--- a/index.html
+++ b/index.html
@@ -14,7 +14,6 @@
 
     <div id="gjs" style="height:0px; overflow:hidden">
       <header class="header-banner">
-        <div style="color:red; width: 300px;">TEST</div>
         <div class="container-width">
           <!--
           <table>
diff --git a/src/utils/Sorter.js b/src/utils/Sorter.js
index 6b4ce6180..1d13d42ab 100644
--- a/src/utils/Sorter.js
+++ b/src/utils/Sorter.js
@@ -613,11 +613,20 @@ define(function(require) {
        * @param {Object} pos Object with position coordinates
        * */
       move: function(dst, src, pos) {
+        if (this.em) this.em.trigger('component:dragging', [dst, src, pos]);
         var index = pos.index;
         var model = $(src).data('model');
         var $dst = $(dst);
+        var targetModel;
+
+        while ($dst.length && !targetModel) {
+          targetModel = $dst.data('model');
+
+          if (!targetModel)
+            $dst = $dst.parent();
+        }
+
         var targetCollection = $dst.data('collection');
-        var targetModel = $dst.data('model');
 
         // Check if the elemenet is DRAGGABLE to the target
         var drag = model && model.get('draggable');