From a5d06d2b1fcf7550e414290dff432f2063b2f582 Mon Sep 17 00:00:00 2001
From: Pavel Reznikov <pashka.reznikov@gmail.com>
Date: Sun, 21 Feb 2016 20:43:26 -0800
Subject: [PATCH] css fix: hide resize handle during dragging

---
 src/gridstack.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/gridstack.scss b/src/gridstack.scss
index 60ae69b..cb5f854 100644
--- a/src/gridstack.scss
+++ b/src/gridstack.scss
@@ -86,10 +86,10 @@ $animation_speed: .3s !default;
         }
 
         > .ui-resizable-se {
-            display: inline-block;
             @include vendor(transform, rotate(-45deg));
         }
 
+
         > .ui-resizable-nw { cursor: nw-resize; width: 20px; height: 20px; left: 10px; top: 0; }
         > .ui-resizable-n  { cursor: n-resize;  height: 10px; top: 0; left: 25px; right: 25px; }
         > .ui-resizable-ne { cursor: ne-resize; width: 20px; height: 20px; right: 10px; top: 0; }
@@ -99,6 +99,12 @@ $animation_speed: .3s !default;
         > .ui-resizable-sw { cursor: sw-resize; width: 20px; height: 20px; left: 10px; bottom: 0; }
         > .ui-resizable-w  { cursor: w-resize;  width: 10px; left: $horizontal_padding / 2; top: 15px; bottom: 15px; }
 
+        &.ui-draggable-dragging {
+            &> .ui-resizable-handle {
+                display: none !important;
+            }
+        }
+
         @for $i from 1 through $gridstack-columns {
             &[data-gs-width='#{$i}'] { width: (100% / $gridstack-columns) * $i; }
             &[data-gs-x='#{$i}'] { left: (100% / $gridstack-columns) * $i; }