Function handleRootMouseDown

packages/editor/src/components/content.tsx:380–441

(e: React.MouseEvent | React.TouchEvent)

  }

  const handleRootMouseDown = (e: React.MouseEvent | React.TouchEvent) => {
    const event = getNativeEvent(e)
    if (e.defaultPrevented && isMouseEvent(event) && event.button !== 2) return
    if (
      !event.target ||
      !ref.current?.contains(event.target as DOMNode) ||
      isEditableDOMElement(event.target) ||
      inAbsoluteDOMElement(event.target)
    )
      return

    IS_MOUSEDOWN.set(editor, true)
    if (isDoubleClickRef.current) {
      if (isSamePoint(event)) {
        return
      } else {
        isDoubleClickRef.current = false
      }
    }
    setFocused(true)
    const point = Editable.findEventPoint(editor, event)
    if (point) {
      const isShift = IS_SHIFT_PRESSED.get(editor)
      if (!isShift) {
        const { selection } = editor
        if (event instanceof MouseEvent && event.button === 2) {
          isContextMenu.current = true
        }
        // Perform drag on existing selection while selected.
        else if (
          selection &&
          focused &&
          isSelectedOnCurrentSelection(editor, selection, point, isTouchDevice)
        ) {
          // Drag not performed on touch devices.
          if (!isTouchDevice) {
            const dataTransfer = new DataTransfer()
            setDataTransfer(dataTransfer, {
              fragment: editor.getFragment(selection),
            })
            setDrag({
              from: selection,
              data: dataTransfer,
              position: {
                x: event.clientX,
                y: event.clientY,
              },
            })
            editor.onSelectStart()
          }
          return
        }
        startPointRef.current = point
      }
      const range = handleSelecting(
        point,
        !isContextMenu.current,
        !isEditableDOMElement(event.target),