fix for modals launched from Popper items (topology context menu)

openshift · Apr 15, 2020 · 8c526e1 · 8c526e1
1 parent f0c00d2
commit 8c526e1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/frontend/packages/dev-console/src/components/topology/components/componentUtils.ts b/frontend/packages/dev-console/src/components/topology/components/componentUtils.ts
@@ -316,7 +316,7 @@ const withNoDrop = () => {
 const withContextMenu = <E extends GraphElement>(actions: (element: E) => React.ReactElement[]) => {
   return withTopologyContextMenu(
     actions,
-    document.getElementById('modal-container'),
+    document.getElementById('popper-container'),
     'odc-topology-context-menu',
   );
 };

diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -58,6 +58,7 @@
 
   <body class="pf-m-redhat-font">
     <noscript>JavaScript must be enabled.</noscript>
+    <div id="popper-container"></div>
     <div id="modal-container"></div>
     <div id="app"></div>
   </body>