vanillajs-browser-helpers/invisible.mjs

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

import hidden from './hidden';
/**
 * Test if a given DOM element is invisible.
 *
 * @param elm - DOM element to test
 * @return Is the element invisible
 */
export default function invisible(elm) {
    let checkElm = elm;
    while (checkElm && checkElm.tagName !== 'BODY') {
        if (hidden(checkElm)
            || !checkElm.offsetHeight
            || !checkElm.offsetWidth
            || !Number(getComputedStyle(checkElm).opacity)) {
            return true;
        }
        checkElm = checkElm.parentElement;
    }
    return false;
}