vanillajs-browser-helpers/src/hidden.ts

Collection of convenience code snippets (helpers) that aims to make it a little easier to work with vanilla JS in the browser

import inDOM from './inDOM';



/**
 * Test if a given DOM element is technically hidden
 * - Not is DOM
 * - Collapsed
 * - display: none
 * - visibility: hidden.
 *
 * @param elm - DOM element to test
 * @return Is the element technically hidden or not
 */
export default function hidden(elm: HTMLElement): boolean {
  return !inDOM(elm)
    || (!elm.offsetHeight && !elm.offsetWidth)
    || getComputedStyle(elm).visibility === 'hidden';
}