one-click-accessibility/modules/scanner/assets/js/utils/focus-on-element.js

import { CURRENT_ELEMENT_CLASS } from '@ea11y-apps/scanner/utils/constants';

export const focusOnElement = (element) => {
	removeExistingFocus();
	element.classList.add(CURRENT_ELEMENT_CLASS);
	element.scrollIntoView({ behavior: 'smooth', block: 'center' });
};

export const removeExistingFocus = () => {
	document.querySelectorAll(`.${CURRENT_ELEMENT_CLASS}`).forEach((element) => {
		element.classList.remove(CURRENT_ELEMENT_CLASS);
	});
};