measure-dom-node.js

const containerStyle = {
  display: "inline-block",
  position: "absolute",
  visibility: "hidden",
  zIndex: -1,
};

export const measureDomNode = (node, enhanceMeasurableNode = e => e) => {
  const container = document.createElement("div");
  container.style = containerStyle;

  const clonedNode = node.cloneNode(true);
  const content = enhanceMeasurableNode(clonedNode);

  container.appendChild(content);

  document.body.appendChild(container);

  const height = container.clientHeight;
  const width = container.clientWidth;

  container.parentNode.removeChild(container);
  return { height, width };
};