NotDraggableForClosableTextInput.tsx 402 B

12345678910111213
  1. import type { ReactNode } from 'react';
  2. type NotDraggableProps = {
  3. children: ReactNode,
  4. };
  5. /**
  6. * Component wrapper to make a child element not draggable
  7. * @see https://github.com/react-dnd/react-dnd/issues/335
  8. */
  9. export const NotDraggableForClosableTextInput = (props: NotDraggableProps): JSX.Element => {
  10. return <div draggable onDragStart={e => e.preventDefault()}>{props.children}</div>;
  11. };