Function isElementTabbable

packages/base/src/util/isElementTabbable.ts:10–34

(el: HTMLElement)

 * @returns { boolean } true if the element is tabbable or false - if not
 */
const isElementTabbable = (el: HTMLElement): boolean => {
	if (!el) {
		return false;
	}

	if (el.hasAttribute("data-sap-no-tab-ref")) {
		return false;
	}

	if (isElementHidden(el)) {
		return false;
	}

	const tabIndex = el.getAttribute("tabindex");
	if (tabIndex !== null && tabIndex !== undefined) {
		return parseInt(tabIndex) >= 0;
	}

	const nodeName = el.nodeName.toLowerCase();
	if (nodeName === "a" || /^(input|select|textarea|button|object)$/.test(nodeName)) {
		return !(el as HTMLLinkElement).disabled;
	}

	return false;
};

export default isElementTabbable;