Function calculateElementHeight

packages/editor/src/utils/selection.ts:106–134

(el: DOMElement)

 * @returns The calculated height
 */
const calculateElementHeight = (el: DOMElement) => {
  const { lineHeight, fontSize } = window.getComputedStyle(el)

  // TODO: Handle pt, em, rem units

  let height = 0
  // Ends with px
  if (lineHeight.endsWith('px')) {
    height = parseFloat(lineHeight)
    return height
  }
  // Ends with %
  else if (lineHeight.endsWith('%')) {
    height = parseInt(lineHeight, 10) / 100
  }
  // Number
  else if (/^\d+(\.\d+)?$/.test(lineHeight)) {
    height = parseFloat(lineHeight)
  } else {
    return el.getBoundingClientRect().height
  }

  let size = 0
  if (fontSize.endsWith('px')) {
    size = parseInt(fontSize, 10)
  }

  return height * size
}

/**
 * Resets the DOMRect of an element to the specified height