export function calculateNaturalElementHeight(el: HTMLElement): number {
   if (el.scrollHeight > el.clientHeight) return naturalElementHeight(el);
   let h = el.offsetHeight;
   for (let i = 0; i < el.children.length; i++) {
      let child = el.children[i];
      if (child instanceof HTMLElement && child.scrollHeight > child.clientHeight) {
         h -= child.offsetHeight;
         h += naturalElementHeight(child);
      }
   }
   return h;
}

function naturalElementHeight(el: HTMLElement): number {
   let h = el.offsetHeight;
   let overflow = el.scrollHeight - el.clientHeight;
   if (overflow <= 0) return h;
   let computedStyle = getComputedStyle(el);
   let maxH = parseFloat(computedStyle.getPropertyValue("max-height"));
   if (!isNaN(maxH)) return Math.min(maxH, h + overflow);
   return h + overflow;
}