survey-react-ui 2.0.2 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "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",
@@ -15,17 +15,17 @@
     "**/*"
   ],
   "main": "survey-react-ui.js",
-  "module": "fesm/survey-react-ui.js",
+  "module": "fesm/survey-react-ui.mjs",
   "typings": "./typings/entries/index.d.ts",
   "exports": {
     ".": {
       "types": "./typings/entries/index.d.ts",
-      "import": "./fesm/survey-react-ui.js",
+      "import": "./fesm/survey-react-ui.mjs",
       "require": "./survey-react-ui.js"
     }
   },
   "peerDependencies": {
-    "survey-core": "2.0.2",
+    "survey-core": "2.0.4",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.4
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -17,18 +17,18 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "../survey-core/build/fesm/icons/iconsV1.js":
-/*!**************************************************!*\
-  !*** ../survey-core/build/fesm/icons/iconsV1.js ***!
-  \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ "../survey-core/build/fesm/icons/iconsV1.mjs":
+/*!***************************************************!*\
+  !*** ../survey-core/build/fesm/icons/iconsV1.mjs ***!
+  \***************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.4
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -96,23 +96,23 @@ var iconsV1 = {
 };
 
 
-//# sourceMappingURL=iconsV1.js.map
+//# sourceMappingURL=iconsV1.mjs.map
 
 
 /***/ }),
 
-/***/ "../survey-core/build/fesm/icons/iconsV2.js":
-/*!**************************************************!*\
-  !*** ../survey-core/build/fesm/icons/iconsV2.js ***!
-  \**************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+/***/ "../survey-core/build/fesm/icons/iconsV2.mjs":
+/*!***************************************************!*\
+  !*** ../survey-core/build/fesm/icons/iconsV2.mjs ***!
+  \***************************************************/
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.2
+ * surveyjs - Survey JavaScript library v2.0.4
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -180,7 +180,7 @@ var iconsV2 = {
 };
 
 
-//# sourceMappingURL=iconsV2.js.map
+//# sourceMappingURL=iconsV2.mjs.map
 
 
 /***/ }),
@@ -193,20 +193,20 @@ var iconsV2 = {
 
 __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),
@@ -217,6 +217,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),
@@ -226,8 +227,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),
@@ -290,7 +291,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),
@@ -373,15 +374,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _src_components_question_error__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../src/components/question-error */ "./src/components/question-error.tsx");
 /* harmony import */ var _src_components_matrix_row__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../src/components/matrix/row */ "./src/components/matrix/row.tsx");
 /* harmony import */ var _src_components_skeleton__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../src/components/skeleton */ "./src/components/skeleton.tsx");
-/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/notifier */ "./src/components/notifier.tsx");
-/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/components-container */ "./src/components/components-container.tsx");
-/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/character-counter */ "./src/components/character-counter.tsx");
-/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/header */ "./src/components/header.tsx");
-/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/string-viewer */ "./src/string-viewer.tsx");
-/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/string-editor */ "./src/string-editor.tsx");
-/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/components/loading-indicator */ "./src/components/loading-indicator.tsx");
-/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/svgbundle */ "./src/svgbundle.tsx");
-/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "./src/components/popup/popup-modal.tsx");
+/* harmony import */ var _src_components_scroll__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../src/components/scroll */ "./src/components/scroll.tsx");
+/* harmony import */ var _src_components_notifier__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../src/components/notifier */ "./src/components/notifier.tsx");
+/* harmony import */ var _src_components_components_container__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../src/components/components-container */ "./src/components/components-container.tsx");
+/* harmony import */ var _src_components_character_counter__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../src/components/character-counter */ "./src/components/character-counter.tsx");
+/* harmony import */ var _src_components_header__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../src/components/header */ "./src/components/header.tsx");
+/* harmony import */ var _src_string_viewer__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../src/string-viewer */ "./src/string-viewer.tsx");
+/* harmony import */ var _src_string_editor__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../src/string-editor */ "./src/string-editor.tsx");
+/* harmony import */ var _src_components_loading_indicator__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../src/components/loading-indicator */ "./src/components/loading-indicator.tsx");
+/* harmony import */ var _src_svgbundle__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../src/svgbundle */ "./src/svgbundle.tsx");
+/* harmony import */ var _src_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../src/components/popup/popup-modal */ "./src/components/popup/popup-modal.tsx");
 // react
 
 
@@ -466,6 +468,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -528,7 +531,7 @@ var SurveyQuestionBooleanCheckbox = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: cssClasses.checkboxLabel },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { ref: this.checkRef, type: "checkbox", name: this.question.name, value: this.question.booleanValue === null
                             ? ""
-                            : this.question.booleanValue, id: this.question.inputId, className: cssClasses.controlCheckbox, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+                            : this.question.booleanValue, id: this.question.inputId, className: cssClasses.controlCheckbox, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.booleanValue || false, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: cssClasses.checkboxMaterialDecorator },
                         this.question.svgIcon ?
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: cssClasses.checkboxItemDecorator },
@@ -3505,6 +3508,77 @@ _element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.regis
 });
 
 
+/***/ }),
+
+/***/ "./src/components/scroll.tsx":
+/*!***********************************!*\
+  !*** ./src/components/scroll.tsx ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__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 */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../element-factory */ "./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);
+});
+
+
 /***/ }),
 
 /***/ "./src/components/skeleton.tsx":
@@ -4385,7 +4459,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
+            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-labelledby": this.question.ariaLabelledBy, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             dropdownListModel.showHintPrefix ?
                 (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.hintPrefix },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, dropdownListModel.hintStringPrefix))) : null,
@@ -5942,6 +6016,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;
@@ -6209,8 +6288,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/components-container */ "./src/components/components-container.tsx");
 /* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./svgbundle */ "./src/svgbundle.tsx");
 /* harmony import */ var _components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/popup/popup-modal */ "./src/components/popup/popup-modal.tsx");
-/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! survey-core/icons/iconsV1 */ "../survey-core/build/fesm/icons/iconsV1.js");
-/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! survey-core/icons/iconsV2 */ "../survey-core/build/fesm/icons/iconsV2.js");
+/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! survey-core/icons/iconsV1 */ "../survey-core/build/fesm/icons/iconsV1.mjs");
+/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! survey-core/icons/iconsV2 */ "../survey-core/build/fesm/icons/iconsV2.mjs");
+/* harmony import */ var _components_scroll__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/scroll */ "./src/components/scroll.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -6251,6 +6331,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);
@@ -6343,18 +6424,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();
@@ -6759,7 +6842,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-label": this.question.ariaLabel, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -11481,6 +11564,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ReactQuestionFactory: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactQuestionFactory),
 /* harmony export */   ReactSurveyElement: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement),
 /* harmony export */   ReactSurveyElementsWrapper: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElementsWrapper),
+/* harmony export */   Scroll: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Scroll),
 /* harmony export */   Skeleton: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Skeleton),
 /* harmony export */   Survey: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.Survey),
 /* harmony export */   SurveyActionBar: () => (/* reexport safe */ _react_ui_model__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar),
@@ -11572,7 +11656,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.2"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.4"), "survey-react-ui");
 
 })();