Sha256: 36000307442fdd33bada0478dcb08e08b0c5a0fe9a110c648f5f23a182924666
Contents?: true
Size: 1.86 KB
Versions: 260
Compression:
Stored size: 1.86 KB
Contents
/* global dom */
/**
* Determine whether an element is hidden based on css
* @method isHiddenWithCSS
* @memberof axe.commons.dom
* @instance
* @param {HTMLElement} el The HTML Element
* @param {Boolean} descendentVisibilityValue (Optional) immediate descendant visibility value used for recursive computation
* @return {Boolean} the element's hidden status
*/
dom.isHiddenWithCSS = function isHiddenWithCSS(el, descendentVisibilityValue) {
const vNode = axe.utils.getNodeFromTree(el);
if (!vNode) {
return _isHiddenWithCSS(el, descendentVisibilityValue);
}
if (vNode._isHiddenWithCSS === void 0) {
vNode._isHiddenWithCSS = _isHiddenWithCSS(el, descendentVisibilityValue);
}
return vNode._isHiddenWithCSS;
};
function _isHiddenWithCSS(el, descendentVisibilityValue) {
if (el.nodeType === 9) {
// 9 === Node.DOCUMENT
return false;
}
if (el.nodeType === 11) {
// 11 === Node.DOCUMENT_FRAGMENT_NODE
el = el.host; // swap to host node
}
if (['STYLE', 'SCRIPT'].includes(el.nodeName.toUpperCase())) {
return false;
}
const style = window.getComputedStyle(el, null);
if (!style) {
throw new Error('Style does not exist for the given element.');
}
const displayValue = style.getPropertyValue('display');
if (displayValue === 'none') {
return true;
}
const HIDDEN_VISIBILITY_VALUES = ['hidden', 'collapse'];
const visibilityValue = style.getPropertyValue('visibility');
if (
HIDDEN_VISIBILITY_VALUES.includes(visibilityValue) &&
!descendentVisibilityValue
) {
return true;
}
if (
HIDDEN_VISIBILITY_VALUES.includes(visibilityValue) &&
descendentVisibilityValue &&
HIDDEN_VISIBILITY_VALUES.includes(descendentVisibilityValue)
) {
return true;
}
const parent = dom.getComposedParent(el);
if (parent && !HIDDEN_VISIBILITY_VALUES.includes(visibilityValue)) {
return dom.isHiddenWithCSS(parent, visibilityValue);
}
return false;
}
Version data entries
260 entries across 260 versions & 1 rubygems