Function createDOMRange

packages/react-aria/src/tokenfield/useTokenField.ts:691–720

(root: Element, start: Position, end: Position)

}

function createDOMRange(root: Element, start: Position, end: Position): Range {
  let range = document.createRange();
  let startChild = root.childNodes[start.index];
  if (!startChild) {
    range.setStart(root, Math.min(root.childNodes.length, start.index));
  } else if (startChild.nodeType === Node.ELEMENT_NODE) {
    // Place the cursor outside the token wrapper element.
    if (start.offset > 0) {
      range.setStartAfter(startChild);
    } else {
      range.setStartBefore(startChild);
    }
  } else {
    range.setStart(startChild, start.offset);
  }

  let endChild = root.childNodes[end.index];
  if (!endChild) {
    range.setEnd(root, Math.min(root.childNodes.length, end.index));
  } else if (endChild.nodeType === Node.ELEMENT_NODE) {
    if (end.offset > 0) {
      range.setEndAfter(endChild);
    } else {
      range.setEndBefore(endChild);
    }
  } else {
    range.setEnd(endChild, end.offset);
  }
  return range;
}

function isSamePosition(a: Position, b: Position): boolean {
  return a.index === b.index && a.offset === b.offset;