DOM functions

dom.ts

export const getScrollParent = (node?: Element | null): Element | null => {
  if (node == null) {
    return null;
  }

  if (node.scrollHeight > node.clientHeight) {
    return node;
  } else {
    return getScrollParent(asElement(node.parentNode));
  }
};

export const isClickInside = (event: MouseEvent, element: HTMLElement) => {
  if (!element || !event) return false;

  const rect = element.getBoundingClientRect();

  return (
    event.clientX > rect.left &&
    event.clientX < rect.right &&
    event.clientY > rect.top &&
    event.clientY < rect.bottom
  );
};

export const isEventSupported = (name: string, el?: HTMLElement) => {
  if (el) {
    return `on${name}` in el;
  }

  el = document.createElement("div");

  const supported = `on${name}` in el;

  el.remove();

  return supported;
};