fix: mount action menu higher for rule row

cryostatio · Sep 8, 2024 · 2de65d7 · 2de65d7
1 parent dbe69fd
commit 2de65d7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/Rules/Rules.tsx b/src/app/Rules/Rules.tsx
@@ -21,7 +21,7 @@ import { MatchExpressionDisplay } from '@app/Shared/Components/MatchExpression/M
 import { Rule, NotificationCategory } from '@app/Shared/Services/api.types';
 import { ServiceContext } from '@app/Shared/Services/Services';
 import { useSubscriptions } from '@app/utils/hooks/useSubscriptions';
-import { TableColumn, formatBytes, formatDuration, sortResources } from '@app/utils/utils';
+import { TableColumn, formatBytes, formatDuration, sortResources, portalRoot } from '@app/utils/utils';
 import {
   Button,
   Card,
@@ -367,7 +367,7 @@ export const RulesTable: React.FC<RulesTableProps> = () => {
             <ActionsColumn
               items={actionResolver(r)}
               popperProps={{
-                appendTo: () => document.getElementById('automated-rule-toolbar') || document.body,
+                appendTo: portalRoot,
                 position: 'right',
               }}
             />