From 6c2375e495a2987c674fa5a11ac44d99d527f275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Sat, 21 Dec 2019 08:01:26 +0100
Subject: [PATCH] DashboardGrid: Fixed flickering while resizing (#21221)

---
 public/sass/components/_dashboard_grid.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/sass/components/_dashboard_grid.scss b/public/sass/components/_dashboard_grid.scss
index f8bff5fe76c..c10c1002f7c 100644
--- a/public/sass/components/_dashboard_grid.scss
+++ b/public/sass/components/_dashboard_grid.scss
@@ -2,13 +2,14 @@
 @import '~react-resizable/css/styles.css';
 
 .react-resizable-handle {
-  display: none;
+  // this needs to use visibility and not display none in order not to cause resize flickering
+  visibility: hidden;
 }
 
 .react-grid-item {
   &:hover {
     .react-resizable-handle {
-      display: initial;
+      visibility: visible;
     }
   }
 }
@@ -47,7 +48,7 @@
   }
 
   .react-resizable-handle {
-    display: none !important;
+    display: none;
   }
 
   // the react-grid has a height transition