From bf6a55db1ba1564b5111446c8a4cd1eb5073d317 Mon Sep 17 00:00:00 2001
From: Joe Reuter <johannes.reuter@elastic.co>
Date: Thu, 6 Oct 2022 11:06:24 +0200
Subject: [PATCH] make sure progress bar is visible (#142699)

---
 .../react_expression_renderer/react_expression_renderer.tsx   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx b/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
index 61f45ce84e3c..1d479bd9b4c1 100644
--- a/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
+++ b/src/plugins/expressions/public/react_expression_renderer/react_expression_renderer.tsx
@@ -57,7 +57,9 @@ export function ReactExpressionRenderer({
   return (
     <div {...dataAttrs} className={classes}>
       {isEmpty && <EuiLoadingChart mono size="l" />}
-      {isLoading && <EuiProgress size="xs" color="accent" position="absolute" />}
+      {isLoading && (
+        <EuiProgress size="xs" color="accent" position="absolute" style={{ zIndex: 1 }} />
+      )}
       {!isLoading && error && renderError?.(error.message, error)}
       <div className="expExpressionRenderer__expression" style={expressionStyles} ref={nodeRef} />
     </div>