react-beautiful-dnd/src/view/drag-handle/util/get-drag-handle-ref.js

Beautiful, accessible drag and drop for lists with React.js

// @flow
import { dragHandle } from '../../data-attributes';

const selector: string = `[${dragHandle}]`;

// If called when the component is disabled then the data
// attribute will not be present
const getDragHandleRef = (draggableRef: HTMLElement): ?HTMLElement => {
  if (draggableRef.hasAttribute(dragHandle)) {
    return draggableRef;
  }

  // find the first nested drag handle
  // querySelector will return the first match on a breadth first search which is what we want
  // Search will fail when the drag handle is disabled
  // https://codepen.io/alexreardon/pen/erOqyZ
  const el: ?HTMLElement = draggableRef.querySelector(selector);

  return el || null;
};

export default getDragHandleRef;