dom elementのRectを取って計算して返すくん。paddingを含まない値も欲しくてとりあえず書いたけど、ボツになったので供養

getElementRects.ts

export const getElementRects = (element: HTMLElement) => {
  const heightWithPadding = element.getBoundingClientRect().height

  const heightWithoutPadding = () => {
    if (!getComputedStyle) return 0

    const { paddingTop, paddingBottom } = getComputedStyle(element)

    const padding =
      parseFloat(paddingTop ? paddingTop : '0') +
      parseFloat(paddingBottom ? paddingBottom : '0')

    return heightWithPadding - padding
  }

  return {
    heightWithPadding,
    heightWithoutPadding: heightWithoutPadding()
  }
}