survey-js-ui 2.0.2 → 2.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
@@ -16,12 +16,12 @@
     "**/*"
   ],
   "main": "survey-js-ui.js",
-  "module": "fesm/survey-js-ui.js",
+  "module": "fesm/survey-js-ui.mjs",
   "typings": "./typings/survey-js-ui/entries/index.d.ts",
   "exports": {
     ".": {
       "types": "./typings/survey-js-ui/entries/index.d.ts",
-      "import": "./fesm/survey-js-ui.js",
+      "import": "./fesm/survey-js-ui.mjs",
       "require": "./survey-js-ui.js"
     }
   },
@@ -31,7 +31,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.0.2",
+    "survey-core": "2.0.3",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -808,7 +808,7 @@ path.keys().forEach(function (key) {
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1595,20 +1595,20 @@ path.keys().forEach(function (key) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CharacterCounterComponent: () => (/* reexport safe */ _src_components_character_counter__WEBPACK_IMPORTED_MODULE_78__.CharacterCounterComponent),
-/* harmony export */   ComponentsContainer: () => (/* reexport safe */ _src_components_components_container__WEBPACK_IMPORTED_MODULE_77__.ComponentsContainer),
-/* harmony export */   Header: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_79__.Header),
-/* harmony export */   HeaderCell: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_79__.HeaderCell),
-/* harmony export */   HeaderMobile: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_79__.HeaderMobile),
+/* harmony export */   CharacterCounterComponent: () => (/* reexport safe */ _src_components_character_counter__WEBPACK_IMPORTED_MODULE_79__.CharacterCounterComponent),
+/* harmony export */   ComponentsContainer: () => (/* reexport safe */ _src_components_components_container__WEBPACK_IMPORTED_MODULE_78__.ComponentsContainer),
+/* harmony export */   Header: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_80__.Header),
+/* harmony export */   HeaderCell: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_80__.HeaderCell),
+/* harmony export */   HeaderMobile: () => (/* reexport safe */ _src_components_header__WEBPACK_IMPORTED_MODULE_80__.HeaderMobile),
 /* harmony export */   List: () => (/* reexport safe */ _src_components_list_list__WEBPACK_IMPORTED_MODULE_57__.List),
 /* harmony export */   ListItemContent: () => (/* reexport safe */ _src_components_list_list_item_content__WEBPACK_IMPORTED_MODULE_55__.ListItemContent),
 /* harmony export */   ListItemGroup: () => (/* reexport safe */ _src_components_list_list_item_group__WEBPACK_IMPORTED_MODULE_56__.ListItemGroup),
-/* harmony export */   LoadingIndicatorComponent: () => (/* reexport safe */ _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_82__.LoadingIndicatorComponent),
+/* harmony export */   LoadingIndicatorComponent: () => (/* reexport safe */ _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_83__.LoadingIndicatorComponent),
 /* harmony export */   LogoImage: () => (/* reexport safe */ _src_components_survey_header_logo_image__WEBPACK_IMPORTED_MODULE_61__.LogoImage),
 /* harmony export */   MatrixRow: () => (/* reexport safe */ _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_74__.MatrixRow),
-/* harmony export */   NotifierComponent: () => (/* reexport safe */ _src_components_notifier__WEBPACK_IMPORTED_MODULE_76__.NotifierComponent),
+/* harmony export */   NotifierComponent: () => (/* reexport safe */ _src_components_notifier__WEBPACK_IMPORTED_MODULE_77__.NotifierComponent),
 /* harmony export */   Popup: () => (/* reexport safe */ _src_components_popup_popup__WEBPACK_IMPORTED_MODULE_54__.Popup),
-/* harmony export */   PopupModal: () => (/* reexport safe */ _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_84__.PopupModal),
+/* harmony export */   PopupModal: () => (/* reexport safe */ _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_85__.PopupModal),
 /* harmony export */   PopupSurvey: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_46__.PopupSurvey),
 /* harmony export */   QuestionErrorComponent: () => (/* reexport safe */ _src_components_question_error__WEBPACK_IMPORTED_MODULE_73__.QuestionErrorComponent),
 /* harmony export */   RatingDropdownItem: () => (/* reexport safe */ _src_components_rating_rating_dropdown_item__WEBPACK_IMPORTED_MODULE_16__.RatingDropdownItem),
@@ -1619,6 +1619,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ReactQuestionFactory: () => (/* reexport safe */ _src_reactquestion_factory__WEBPACK_IMPORTED_MODULE_47__.ReactQuestionFactory),
 /* harmony export */   ReactSurveyElement: () => (/* reexport safe */ _src_reactquestion_element__WEBPACK_IMPORTED_MODULE_9__.ReactSurveyElement),
 /* harmony export */   ReactSurveyElementsWrapper: () => (/* reexport safe */ _src_reactsurveymodel__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
+/* harmony export */   Scroll: () => (/* reexport safe */ _src_components_scroll__WEBPACK_IMPORTED_MODULE_76__.Scroll),
 /* harmony export */   Skeleton: () => (/* reexport safe */ _src_components_skeleton__WEBPACK_IMPORTED_MODULE_75__.Skeleton),
 /* harmony export */   Survey: () => (/* reexport safe */ _src_reactSurvey__WEBPACK_IMPORTED_MODULE_0__.Survey),
 /* harmony export */   SurveyActionBar: () => (/* reexport safe */ _src_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_60__.SurveyActionBar),
@@ -1628,8 +1629,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SurveyFilePreview: () => (/* reexport safe */ _src_components_file_file_preview__WEBPACK_IMPORTED_MODULE_28__.SurveyFilePreview),
 /* harmony export */   SurveyFlowPanel: () => (/* reexport safe */ _src_flow_panel__WEBPACK_IMPORTED_MODULE_7__.SurveyFlowPanel),
 /* harmony export */   SurveyHeader: () => (/* reexport safe */ _src_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_62__.SurveyHeader),
-/* harmony export */   SurveyLocStringEditor: () => (/* reexport safe */ _src_string_editor__WEBPACK_IMPORTED_MODULE_81__.SurveyLocStringEditor),
-/* harmony export */   SurveyLocStringViewer: () => (/* reexport safe */ _src_string_viewer__WEBPACK_IMPORTED_MODULE_80__.SurveyLocStringViewer),
+/* harmony export */   SurveyLocStringEditor: () => (/* reexport safe */ _src_string_editor__WEBPACK_IMPORTED_MODULE_82__.SurveyLocStringEditor),
+/* harmony export */   SurveyLocStringViewer: () => (/* reexport safe */ _src_string_viewer__WEBPACK_IMPORTED_MODULE_81__.SurveyLocStringViewer),
 /* harmony export */   SurveyNavigationBase: () => (/* reexport safe */ _src_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__.SurveyNavigationBase),
 /* harmony export */   SurveyNavigationButton: () => (/* reexport safe */ _src_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_72__.SurveyNavigationButton),
 /* harmony export */   SurveyPage: () => (/* reexport safe */ _src_page__WEBPACK_IMPORTED_MODULE_4__.SurveyPage),
@@ -1692,7 +1693,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SurveyRow: () => (/* reexport safe */ _src_row__WEBPACK_IMPORTED_MODULE_5__.SurveyRow),
 /* harmony export */   SurveyTimerPanel: () => (/* reexport safe */ _src_reacttimerpanel__WEBPACK_IMPORTED_MODULE_3__.SurveyTimerPanel),
 /* harmony export */   SurveyWindow: () => (/* reexport safe */ _src_react_popup_survey__WEBPACK_IMPORTED_MODULE_46__.SurveyWindow),
-/* harmony export */   SvgBundleComponent: () => (/* reexport safe */ _src_svgbundle__WEBPACK_IMPORTED_MODULE_83__.SvgBundleComponent),
+/* harmony export */   SvgBundleComponent: () => (/* reexport safe */ _src_svgbundle__WEBPACK_IMPORTED_MODULE_84__.SvgBundleComponent),
 /* harmony export */   SvgIcon: () => (/* reexport safe */ _src_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_63__.SvgIcon),
 /* harmony export */   TagboxFilterString: () => (/* reexport safe */ _src_tagbox_filter__WEBPACK_IMPORTED_MODULE_17__.TagboxFilterString),
 /* harmony export */   TitleActions: () => (/* reexport safe */ _src_components_title_title_actions__WEBPACK_IMPORTED_MODULE_58__.TitleActions),
@@ -1775,15 +1776,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _src_components_question_error__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../src/components/question-error */ "../survey-react-ui/src/components/question-error.tsx");
 /* harmony import */ var _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../src/components/matrix/row */ "../survey-react-ui/src/components/matrix/row.tsx");
 /* harmony import */ var _src_components_skeleton__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../src/components/skeleton */ "../survey-react-ui/src/components/skeleton.tsx");
-/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/notifier */ "../survey-react-ui/src/components/notifier.tsx");
-/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/components-container */ "../survey-react-ui/src/components/components-container.tsx");
-/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/character-counter */ "../survey-react-ui/src/components/character-counter.tsx");
-/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/header */ "../survey-react-ui/src/components/header.tsx");
-/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/string-viewer */ "../survey-react-ui/src/string-viewer.tsx");
-/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/string-editor */ "../survey-react-ui/src/string-editor.tsx");
-/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/components/loading-indicator */ "../survey-react-ui/src/components/loading-indicator.tsx");
-/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/svgbundle */ "../survey-react-ui/src/svgbundle.tsx");
-/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "../survey-react-ui/src/components/popup/popup-modal.tsx");
+/* harmony import */ var _src_components_scroll__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/scroll */ "../survey-react-ui/src/components/scroll.tsx");
+/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/notifier */ "../survey-react-ui/src/components/notifier.tsx");
+/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/components-container */ "../survey-react-ui/src/components/components-container.tsx");
+/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/character-counter */ "../survey-react-ui/src/components/character-counter.tsx");
+/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/components/header */ "../survey-react-ui/src/components/header.tsx");
+/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/string-viewer */ "../survey-react-ui/src/string-viewer.tsx");
+/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/string-editor */ "../survey-react-ui/src/string-editor.tsx");
+/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/components/loading-indicator */ "../survey-react-ui/src/components/loading-indicator.tsx");
+/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/svgbundle */ "../survey-react-ui/src/svgbundle.tsx");
+/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "../survey-react-ui/src/components/popup/popup-modal.tsx");
 // react
 
 
@@ -1868,6 +1870,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -4903,6 +4906,77 @@ _element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.regis
 });
 
 
+/***/ }),
+
+/***/ "../survey-react-ui/src/components/scroll.tsx":
+/*!****************************************************!*\
+  !*** ../survey-react-ui/src/components/scroll.tsx ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Scroll: () => (/* binding */ Scroll)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../element-factory */ "../survey-react-ui/src/element-factory.tsx");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_2__);
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var Scroll = /** @class */ (function (_super) {
+    __extends(Scroll, _super);
+    function Scroll(props) {
+        var _this = _super.call(this, props) || this;
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
+        _this.model = new survey_core__WEBPACK_IMPORTED_MODULE_2__.ScrollViewModel();
+        return _this;
+    }
+    Scroll.prototype.componentDidMount = function () {
+        var container = this.rootRef.current;
+        if (!container)
+            return;
+        this.model.setRootElement(container);
+    };
+    Scroll.prototype.componentWillUnmount = function () {
+        this.model.unsubscribeRootElement();
+        this.model.setRootElement(undefined);
+    };
+    Scroll.prototype.render = function () {
+        var _this = this;
+        return this.props.disabled ?
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, this.props.children) :
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: "sv-scroll__wrapper" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-scroll__scroller sv-drag-target-skipped", onScroll: function () { return _this.model.onScrollContainer(); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-scroll__container" }, this.props.children)),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-scroll__scrollbar", onScroll: function () { return _this.model.onScrollScrollbar(); } },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-scroll__scrollbar-sizer" })));
+    };
+    return Scroll;
+}(react__WEBPACK_IMPORTED_MODULE_0__.Component));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-scroll", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Scroll, props);
+});
+
+
 /***/ }),
 
 /***/ "../survey-react-ui/src/components/skeleton.tsx":
@@ -7341,6 +7415,11 @@ var SurveyProgressToc = /** @class */ (function (_super) {
     function SurveyProgressToc() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    SurveyProgressToc.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        var tocModel = this.props.model;
+        tocModel.updateStickyTOCSize(this.survey.rootElement);
+    };
     SurveyProgressToc.prototype.render = function () {
         var tocModel = this.props.model;
         var content;
@@ -7612,6 +7691,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__);
 /* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! survey-core/icons/iconsV2 */ "../survey-core/build/icons/iconsV2.js");
 /* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _components_scroll__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/scroll */ "../survey-react-ui/src/components/scroll.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7652,6 +7732,7 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__.icons);
 (0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__.icons);
 survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__.icons);
@@ -7744,18 +7825,20 @@ var Survey = /** @class */ (function (_super) {
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
-            this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svgbundle__WEBPACK_IMPORTED_MODULE_10__.SvgBundleComponent, null) : null,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_11__.PopupModal, null),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.survey.wrapperFormCss },
-                backgroundImage,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("form", { onSubmit: onSubmit },
-                    customHeader,
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.container },
-                        header,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
-                        renderResult,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false }))),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_notifier__WEBPACK_IMPORTED_MODULE_8__.NotifierComponent, { notifier: this.survey.notifier }))));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_14__.Scroll, { disabled: this.survey.rootScrollDisabled },
+                this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svgbundle__WEBPACK_IMPORTED_MODULE_10__.SvgBundleComponent, null) : null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_11__.PopupModal, null),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.survey.wrapperFormCss },
+                    backgroundImage,
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("form", { onSubmit: onSubmit },
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_14__.Scroll, { disabled: this.survey.formScrollDisabled },
+                            customHeader,
+                            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.container },
+                                header,
+                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
+                                renderResult,
+                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false })))),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_notifier__WEBPACK_IMPORTED_MODULE_8__.NotifierComponent, { notifier: this.survey.notifier })))));
     };
     Survey.prototype.renderElement = function () {
         return this.doRender();
@@ -13004,6 +13087,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ReactQuestionFactory: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactQuestionFactory),
 /* harmony export */   ReactSurveyElement: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement),
 /* harmony export */   ReactSurveyElementsWrapper: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
+/* harmony export */   Scroll: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Scroll),
 /* harmony export */   Skeleton: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Skeleton),
 /* harmony export */   StrictMode: () => (/* reexport safe */ react__WEBPACK_IMPORTED_MODULE_0__.StrictMode),
 /* harmony export */   Survey: () => (/* reexport safe */ _survey_react_ui_entries_react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Survey),
@@ -13206,7 +13290,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.2"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.3"), "survey-js-ui");
 
 })();