diff --git a/packages/react-core/src/components/DragDrop/Draggable.tsx b/packages/react-core/src/components/DragDrop/Draggable.tsx index 4b84b95fd6f..8cf152a851d 100644 --- a/packages/react-core/src/components/DragDrop/Draggable.tsx +++ b/packages/react-core/src/components/DragDrop/Draggable.tsx @@ -117,7 +117,7 @@ export const Draggable: React.FunctionComponent = ({ index }; const dest = - hoveringDroppableId !== null && hoveringIndex !== null + hoveringDroppableId !== null ? { droppableId: hoveringDroppableId, index: hoveringIndex diff --git a/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx b/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx index 0400633987f..4a02ec361b0 100644 --- a/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx +++ b/packages/react-core/src/components/DragDrop/examples/DragDropMultipleLists.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { DragDrop, Draggable, Droppable, Split, SplitItem } from '@patternfly/react-core'; +import { DragDrop, Draggable, Droppable, Flex } from '@patternfly/react-core'; interface ItemType { id: string; @@ -85,19 +85,19 @@ export const DragDropMultipleLists: React.FunctionComponent = () => { return ( - + {Object.entries(items).map(([key, subitems]) => ( - - + + {(subitems as ItemType[]).map(({ id, content }) => ( {content} ))} - + ))} - + ); };