@linzjs/lui 21.38.1 → 21.38.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [21.38.2](https://github.com/linz/lui/compare/v21.38.1...v21.38.2) (2024-07-02)
+
+
+### Bug Fixes
+
+* **LuiModalV2:** only call setAppElement when modal mounts ([#1131](https://github.com/linz/lui/issues/1131)) ([10bea9a](https://github.com/linz/lui/commit/10bea9ab56258dec28aba99634bb0240bf52d92c))
+
 ## [21.38.1](https://github.com/linz/lui/compare/v21.38.0...v21.38.1) (2024-07-01)
 
 

package/dist/index.js

@@ -42264,6 +42264,11 @@ var LuiModalV2 = function (props) {
     var showHelpButton = Boolean(props.helpLink);
     var showButtons = showCloseButton || showHelpButton;
     var showHeadingIcon = props.headingIcon && !props.isLoading;
+    // this is here for the tests
+    React.useEffect(function () {
+        if (isProcess && !isTest)
+            Modal.setAppElement('#root');
+    }, []);
     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', 
@@ -42304,10 +42309,8 @@ var HeaderTitle = function (props) {
     return ReactDOM.createPortal(React__default["default"].createElement("h2", { className: clsx('lui-modal-v2-header-title lui-modal-v2-header-title-portal', props.className) }, props.children), target);
 };
 LuiModalV2.HeaderTitle = HeaderTitle;
-// this is here for the tests
-var isTest = typeof process !== 'undefined' && ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test';
-if (!isTest)
-    Modal.setAppElement('#root');
+var isProcess = typeof process !== 'undefined';
+var isTest = isProcess && ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test';
 
 var LuiAlertModalV2 = function (props) {
     var level = props.level, className = props.className, children = props.children, rest = __rest(props, ["level", "className", "children"]);