e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
const LIVE_REGION_ARIA_ROLES = new Set(['alert', 'status', 'log', 'marquee', 'timer']);
|
|
const hiddenElementsByDepth = [];
|
|
|
|
/**
|
|
* Hides all elements in the body element from screen-readers except
|
|
* the provided element and elements that should not be hidden from
|
|
* screen-readers.
|
|
*
|
|
* The reason we do this is because `aria-modal="true"` currently is bugged
|
|
* in Safari, and support is spotty in other browsers overall. In the future
|
|
* we should consider removing these helper functions in favor of
|
|
* `aria-modal="true"`.
|
|
*
|
|
* @param modalElement The element that should not be hidden.
|
|
*/
|
|
export function modalize(modalElement) {
|
|
const elements = Array.from(document.body.children);
|
|
const hiddenElements = [];
|
|
hiddenElementsByDepth.push(hiddenElements);
|
|
for (const element of elements) {
|
|
if (element === modalElement) continue;
|
|
if (elementShouldBeHidden(element)) {
|
|
element.setAttribute('aria-hidden', 'true');
|
|
hiddenElements.push(element);
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Determines if the passed element should not be hidden from screen readers.
|
|
*
|
|
* @param element The element that should be checked.
|
|
*
|
|
* @return Whether the element should not be hidden from screen-readers.
|
|
*/
|
|
export function elementShouldBeHidden(element) {
|
|
const role = element.getAttribute('role');
|
|
return !(element.tagName === 'SCRIPT' || element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || role && LIVE_REGION_ARIA_ROLES.has(role));
|
|
}
|
|
|
|
/**
|
|
* Accessibly reveals the elements hidden by the latest modal.
|
|
*/
|
|
export function unmodalize() {
|
|
const hiddenElements = hiddenElementsByDepth.pop();
|
|
if (!hiddenElements) return;
|
|
for (const element of hiddenElements) element.removeAttribute('aria-hidden');
|
|
}
|
|
//# sourceMappingURL=aria-helper.js.map
|