@linzjs/lui 24.10.0 → 24.10.1

package/CHANGELOG.md

@@ -5,6 +5,13 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [24.10.1](https://github.com/linz/Lui/compare/lui-v24.10.0...lui-v24.10.1) (2026-03-02)
+
+
+### Bug Fixes
+
+* remove stale aria-hidden from #root when LuiModalV2 unmounts ([#1325](https://github.com/linz/Lui/issues/1325)) ([008ee91](https://github.com/linz/Lui/commit/008ee91d3e9494feda5ac408598852f7cc3b4301))
+
 ## [24.10.0](https://github.com/linz/Lui/compare/lui-v24.9.1...lui-v24.10.0) (2026-02-25)
 
 

package/dist/index.js

@@ -18421,6 +18421,19 @@ var LuiModalV2 = function (props) {
     var modalRef = React.useRef(null);
     var rootId = useId();
     var headingTextId = "".concat(rootId, "_headingText");
+    var appElement = document.getElementById('root');
+    // Workaround for a react-modal bug: when this component unmounts while open,
+    // react-modal leaves aria-hidden="true" on #root, hiding the app from the a11y tree.
+    React.useEffect(function () {
+        return function () {
+            // By the time this cleanup runs, the current modal's DOM is already removed, so any
+            // remaining matches belong to other open instances — skip cleanup if they exist.
+            var otherModalsOpen = document.querySelector('.lui-modal-v2');
+            if (!otherModalsOpen && appElement) {
+                appElement.removeAttribute('aria-hidden');
+            }
+        };
+    }, [appElement]);
     var handleClickOutside = React.useCallback(function () { var _a; return props.shouldCloseOnOverlayClick && ((_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props)); }, [props.shouldCloseOnEsc, props.onClose]);
     useClickedOutsideElement(modalRef, handleClickOutside);
     var handleEsc = React.useCallback(function (e) {
@@ -18445,7 +18458,7 @@ var LuiModalV2 = function (props) {
     var showHeadingIcon = props.headingIcon && !props.isLoading;
     return (React__default["default"].createElement(Modal, { key: props.key, isOpen: true, 
         // disble the `shouldClose` props as we handle them ourselves
-        shouldCloseOnOverlayClick: false, shouldCloseOnEsc: false, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', appElement: document.getElementById('root'), 
+        shouldCloseOnOverlayClick: false, shouldCloseOnEsc: false, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', appElement: appElement, 
         // required to prevent warnings that are not applicable in real usage
         ariaHideApp: !isTest, parentSelector: props.appendToElement, aria: { labelledby: props.headingText ? headingTextId : undefined } },
         React__default["default"].createElement("div", { ref: function (el) {