const DEFAULT_SCROLL_PARENT = 'BODY';

function isScrollParent(element: HTMLElement): boolean {
  try {
    const { overflow, overflowY, overflowX } = getComputedStyle(element);
    return /(auto|scroll)/.test(overflow + overflowX + overflowY);
  } catch (e) {
    return false;
  }
}

export default function getScrollParents(
  element: HTMLElement,
  scrollParents: Array<HTMLElement | Window> = []
): Array<HTMLElement | Window> {
  if (!element || element.tagName === DEFAULT_SCROLL_PARENT) {
    return [...scrollParents, window];
  }

  return getScrollParents(
    element.parentElement,
    isScrollParent(element) ? [...scrollParents, element] : scrollParents
  );
}