add repaint for chrome

Signed-off-by: ananzh <ananzh@amazon.com>
ananzh · Nov 18, 2023 · 3967746 · 3967746
1 parent c362f5a
commit 3967746
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
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
@@ -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
@@ -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}