Function match

packages/editor/src/utils/selection.ts:210–251

(element: DOMElement)

   * @param element - The DOM element
   */
  const match = (element: DOMElement) => {
    for (const child of element.childNodes) {
      if (isDOMElement(child)) {
        const hasNode = child.hasAttribute(DATA_EDITABLE_NODE)
        const node = hasNode ? Editable.toEditorNode(editor, child) : null
        if (node) {
          if (Element.isElement(node)) {
            if (editor.isVoid(node)) {
              const rect = resetElementRect(
                child.getBoundingClientRect(),
                calculateElementHeight(child),
              )
              compareHeight(rect)
            } else if (editor.isInline(node)) {
              const height = calculateElementHeight(child)
              const rects = child.getClientRects()
              for (let r = 0; r < rects.length; r++) {
                const rect = resetElementRect(rects[r], height)
                compareHeight(rect)
              }
            } else {
              match(child)
            }
          } else {
            const nodes = child.querySelectorAll(
              `[${DATA_EDITABLE_STRING}], [${DATA_EDITABLE_COMPOSITION}], [${DATA_EDITABLE_ZERO_WIDTH}]`,
            )
            nodes.forEach(node => {
              const height = calculateElementHeight(node)
              const rects = node.getClientRects()
              for (let r = 0; r < rects.length; r++) {
                const rect = resetElementRect(rects[r], height)
                compareHeight(rect)
              }
            })
          }
        } else {
          match(child)
        }
      }
    }
  }

  match(element)
  return lineRect