From 396774605b4a13a875d6cffbf8e463f13f87a699 Mon Sep 17 00:00:00 2001
From: ananzh <ananzh@amazon.com>
Date: Sat, 18 Nov 2023 00:40:48 +0000
Subject: [PATCH] add repaint for chrome

Signed-off-by: ananzh <ananzh@amazon.com>
---
 .../view_components/canvas/discover_canvas.scss      |  4 ++++
 .../application/view_components/canvas/index.tsx     | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/plugins/discover/public/application/view_components/canvas/discover_canvas.scss b/src/plugins/discover/public/application/view_components/canvas/discover_canvas.scss
index 92e1131a05e3..ac44d6e59e6b 100644
--- a/src/plugins/discover/public/application/view_components/canvas/discover_canvas.scss
+++ b/src/plugins/discover/public/application/view_components/canvas/discover_canvas.scss
@@ -34,3 +34,7 @@
     }
   }
 }
+
+.trigger-reflow {
+  padding-right: 1px; /* Or any other property that affects layout */
+}
diff --git a/src/plugins/discover/public/application/view_components/canvas/index.tsx b/src/plugins/discover/public/application/view_components/canvas/index.tsx
index ace0aace017c..467df4cccf05 100644
--- a/src/plugins/discover/public/application/view_components/canvas/index.tsx
+++ b/src/plugins/discover/public/application/view_components/canvas/index.tsx
@@ -85,6 +85,18 @@ export default function DiscoverCanvas({ setHeaderActionMenu, history }: ViewPro
 
   const timeField = indexPattern?.timeFieldName ? indexPattern.timeFieldName : undefined;
 
+  useEffect(() => {
+    if (fetchState.status === ResultStatus.READY) {
+      const element = document.querySelector('.dscCanvas') as HTMLElement;
+      if (element) {
+        element.classList.add('trigger-reflow');
+        setTimeout(() => {
+          element.classList.remove('trigger-reflow');
+        }, 10);
+      }
+    }
+  }, [fetchState.status]);
+
   return (
     <EuiPanel
       hasBorder={false}