fix(DragDropSort): fix positioning of DragOverlay

patternfly · Apr 16, 2024 · f039862 · f039862
1 parent 62810f1
commit f039862
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx b/packages/react-drag-drop/src/next/components/DragDrop/DragDropSort.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { createPortal } from 'react-dom';
 import { css } from '@patternfly/react-styles';
 import {
   DndContext,
@@ -159,7 +160,7 @@ export const DragDropSort: React.FunctionComponent<DragDropSortProps> = ({
             );
         }
       })}
-      <DragOverlay>{activeId && getDragOverlay()}</DragOverlay>
+      {createPortal(<DragOverlay>{activeId && getDragOverlay()}</DragOverlay>, document.getElementById('root'))}
     </SortableContext>
   );