@xyo-network/react-shared/src/components/TableCell/getSmallestParentWidth.ts

Common React library for all XYO projects that use React

export const getSmallestParentWidth = (element: HTMLElement, maxDepth = 4) => {
  let currentElement: HTMLElement | null = element?.parentElement
  let width = currentElement?.clientWidth ?? screen.width
  let maxDepthCounter = maxDepth
  while (currentElement && maxDepthCounter > 0) {
    if (width > currentElement.clientWidth) {
      width = currentElement.clientWidth
    }
    currentElement = currentElement.parentElement
    maxDepthCounter--
  }
  return width
}