Changeset 3417998

Timestamp:

12/12/2025 08:03:56 AM (3 weeks ago)

Author:

devsoftbaltic

Message:

SurveyJS Builder UI Not Scrollable in WordPress Admin #79

Location:

surveyjs/trunk

Files:

• initializer.php (modified) (1 diff)
• libs/library/survey-core.min.css (added)
• readme.txt (modified) (1 diff)
• surveyjs.php (modified) (1 diff)
• views/editor.php (modified) (1 diff)

surveyjs/trunk/initializer.php

@@ -83 +83 @@
             wp_enqueue_style('wps-adm-bootstrap-css', plugins_url('libs/bootstrap.min.css', __FILE__) );
             
-            wp_enqueue_style('wps-adm-normalize-css', plugins_url('/normalize.css', __FILE__) );
             wp_enqueue_style('wps-adm-index-css', plugins_url('/index.css', __FILE__) );
 

surveyjs/trunk/readme.txt

@@ -82 +82 @@
 
 
-= v1.12.57 =
+= v2.4.0 =
 
 == Support ==

surveyjs/trunk/surveyjs.php

@@ -4 +4 @@
 Plugin URI: https://wordpress.org/plugins/surveyjs
 Description: Easy to use, drag & drop Survey Builder with myriad options.
-Version: 1.12.57
+Version: 2.4.0
 Author: Devsoft Baltic OÜ
 Author URI: http://devsoftbaltic.com/

surveyjs/trunk/views/editor.php

@@ -180 +180 @@
                     }
 
-                    const root = ReactDOM.createRoot(document.getElementById("sjs-editor-container"));
+                    const container = document.getElementById("sjs-editor-container");
+
+                    const shadowRoot = container.attachShadow({ mode: 'open' });
+                    const rootElement = document.createElement("div");
+                    rootElement.classList.add("sjs-editor-shadow-root");
+                    rootElement.style.height = "100%";
+                    const style = document.createElement("style");
+                    const surveyStyles = document.createElement('link');
+                    surveyStyles.setAttribute('rel', 'stylesheet');
+                    surveyStyles.setAttribute('href', "<?php echo plugins_url('../libs/library/survey-core.min.css', __FILE__) ?>");
+                    const creatorStyles = document.createElement('link');
+                    creatorStyles.setAttribute('rel', 'stylesheet');
+                    creatorStyles.setAttribute('href', "<?php echo plugins_url('../libs/creator/survey-creator-core.min.css', __FILE__) ?>");
+                    shadowRoot.appendChild(surveyStyles);
+                    shadowRoot.appendChild(creatorStyles);
+                    shadowRoot.appendChild(rootElement);
+
+                    const root = ReactDOM.createRoot(rootElement);
                     root.render(<SurveyCreatorRenderComponent />);
                 </script>