survey-creator-js 2.5.21 → 2.5.23

package/fesm/survey-creator-js.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.5.21
+ * SurveyJS Creator v2.5.23
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2191,10 +2191,8 @@ class SurveyPageNavigator extends CreatorModelElement {
     }
     componentDidMount() {
         super.componentDidMount();
-        if (this.props.pageEditMode !== "bypage") {
-            const el = this.containerRef.current;
-            this.model.attachToUI(el);
-        }
+        const el = this.containerRef.current;
+        this.model.attachToUI(el);
     }
     componentWillUnmount() {
         super.componentWillUnmount();
@@ -2517,6 +2515,11 @@ ReactElementFactory.Instance.registerElement("svc-tab-logic", (props) => {
     return React.createElement(TabLogicComponent, props);
 });
 
+function simulatorShellStyle(overlayHeight) {
+    return overlayHeight
+        ? { ["--sv-popup-overlay-height"]: overlayHeight }
+        : {};
+}
 class SurveySimulator extends SurveyElementBase {
     get model() {
         return this.props.model;
@@ -2524,8 +2527,21 @@ class SurveySimulator extends SurveyElementBase {
     getStateElement() {
         return this.model;
     }
+    componentDidMount() {
+        super.componentDidMount();
+        this.model.queueSurveyLayoutRefresh();
+    }
+    componentDidUpdate(prevProps, prevState) {
+        super.componentDidUpdate(prevProps, prevState);
+        this.model.queueSurveyLayoutRefresh();
+    }
+    componentWillUnmount() {
+        this.model.cancelSurveyLayoutRefresh();
+        super.componentWillUnmount();
+    }
     renderElement() {
         const mainSimulatorClass = this.model.getRootCss();
+        const shellStyle = simulatorShellStyle(this.model.popupOverlayHeight);
         if (!this.model.survey) {
             return React.createElement("div", { className: mainSimulatorClass });
         }
@@ -2542,12 +2558,12 @@ class SurveySimulator extends SurveyElementBase {
                                 this.model.simulatorFrame.scale +
                                 ") translate(-50%, -50%)"
                         } },
-                        React.createElement("div", { className: "svd-simulator-content" },
+                        React.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                             React.createElement(Survey, { model: this.model.survey }))))));
         }
         else {
             return (React.createElement("div", { className: mainSimulatorClass },
-                React.createElement("div", { className: "svd-simulator-content" },
+                React.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                     React.createElement(Survey, { model: this.model.survey }))));
         }
     }
@@ -2957,8 +2973,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.5.21"}`;
-checkLibraryVersion(`${"2.5.21"}`, "survey-creator-react");
+Version = `${"2.5.23"}`;
+checkLibraryVersion(`${"2.5.23"}`, "survey-creator-react");
 
 function renderSurveyCreator(creator, element, props = {}) {
     let node = element;