[APM] Fix progress indicator (#30649)

elastic · Feb 11, 2019 · 1a28b5c · 1a28b5c
1 parent e513c6e
commit 1a28b5c
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js b/x-pack/plugins/apm/public/components/app/Main/GlobalProgress/view.js
@@ -5,14 +5,18 @@
  */
 
 import React from 'react';
-import { EuiProgress, EuiDelayHide } from '@elastic/eui';
+import { EuiPortal, EuiProgress, EuiDelayHide } from '@elastic/eui';
 
 export default ({ isLoading }) => {
   return (
     <EuiDelayHide
       hide={!isLoading}
       minimumDuration={1000}
-      render={() => <EuiProgress size="xs" position="fixed" />}
+      render={() => (
+        <EuiPortal>
+          <EuiProgress size="xs" position="fixed" />
+        </EuiPortal>
+      )}
     />
   );
 };