Detect if a DOM node is hidden by "overflow: hidden" on a parent node

hiddenByOverflow.js

function hiddenByOverflow(node) {
	var parent = node.parentNode;
	var visible = true;

	var nodeRect = node.getBoundingClientRect();
	var parentRect = null, parentStyle = null, errcount = 0;;

	while (parent && visible && errcount < 10) {
		try {
			parentRect = parent.getBoundingClientRect();
			parentStyle = getComputedStyle(parent);

			if (parentStyle['overflow-x'] === 'hidden') {
				visible = visible && (nodeRect.x + nodeRect.width >= parentRect.x) && (nodeRect.x <= parentRect.x + parentRect.width);
			}
			if (parentStyle['overflow-y'] === 'hidden') {
				visible = visible && (nodeRect.y + nodeRect.height >= parentRect.y) && (nodeRect.y <= parentRect.y + parentRect.height);
			}
		} catch (x) {
			errcount++;
		}
		parent = parent.parentNode;
	}
	
	return !visible;
}