Passed fallback rootElement

surveyjs · Sep 27, 2024 · 88ec6ec · 88ec6ec
1 parent f487572
commit 88ec6ec
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/survey-core/src/survey.ts b/packages/survey-core/src/survey.ts
@@ -5261,10 +5261,9 @@ export class SurveyModel extends SurveyElementCore
   public skeletonHeight: number = undefined;
 
   scrollElementToTop(
-    element: ISurveyElement,
-    question: Question,
-    page: PageModel,
-    id: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions
+    element: ISurveyElement, question: Question, page: PageModel,
+    id: string, scrollIfVisible?: boolean, scrollIntoViewOptions?: ScrollIntoViewOptions,
+    passedRootElement?: HTMLElement
   ): any {
     const options: ScrollingElementToTopEvent = {
       element: element,
@@ -5278,8 +5277,10 @@ export class SurveyModel extends SurveyElementCore
       const elementPage = this.getPageByElement(element as IElement);
       if (this.isLazyRendering) {
         let elementsToRenderBefore = 1;
-        if (!!this.skeletonHeight && !!this.rootElement && typeof this.rootElement.getBoundingClientRect === "function") {
-          elementsToRenderBefore = this.rootElement.getBoundingClientRect().height / this.skeletonHeight - 1;
+        const { rootElement } = settings.environment;
+        const surveyRootElement = this.rootElement || passedRootElement || rootElement as any;
+        if (!!this.skeletonHeight && !!surveyRootElement && typeof surveyRootElement.getBoundingClientRect === "function") {
+          elementsToRenderBefore = surveyRootElement.getBoundingClientRect().height / this.skeletonHeight - 1;
         }
         elementPage.forceRenderElement(element as IElement, () => {
           this.suspendLazyRendering();