Merge pull request #7790 from surveyjs/bug/7783-below-header-setting

Fixed #7783 - The "showProgressBar": "belowHeader" setting doesn't work
surveyjs · Feb 2, 2024 · 21575d1 · 21575d1
2 parents aa2cf6f + 0c7c3cf
commit 21575d1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/survey.ts b/src/survey.ts
@@ -7519,6 +7519,9 @@ export class SurveyModel extends SurveyElementCore
         if (isStrCiEqual(this.showProgressBar, "aboveHeader")) {
           isBelowHeader = false;
         }
+        if (isStrCiEqual(this.showProgressBar, "belowHeader")) {
+          isBelowHeader = true;
+        }
         if (container === "header" && !isBelowHeader) {
           layoutElement.index = -150;
           if (this.isShowProgressBarOnTop && !this.isShowStartingPage) {

diff --git a/tests/surveytests.ts b/tests/surveytests.ts
@@ -18778,11 +18778,26 @@ QUnit.test("getContainerContent - progress + advanced header (legacyProgressBarV
     assert.deepEqual(getContainerContent("left"), [], "progress top left");
     assert.deepEqual(getContainerContent("right"), [], "progress top right");
 
+    survey.showProgressBar = "belowHeader";
+    assert.deepEqual(getContainerContent("header"), [{
+      "component": "sv-header",
+      "container": "header",
+      "id": "advanced-header",
+      "index": -100
+    }], "progress top header");
+    assert.deepEqual(getContainerContent("center"), [{
+      "component": "sv-progress-pages",
+      "id": "progress-pages",
+    }], "progress top center");
+    assert.deepEqual(getContainerContent("footer"), [], "progress top footer");
+    assert.deepEqual(getContainerContent("contentTop"), [], "progress top contentTop");
+    assert.deepEqual(getContainerContent("contentBottom"), [], "progress top contentBottom");
+    assert.deepEqual(getContainerContent("left"), [], "progress top left");
+    assert.deepEqual(getContainerContent("right"), [], "progress top right");
   }
   finally {
     settings.legacyProgressBarView = false;
   }
-
 });
 
 QUnit.test("getContainerContent - progress + advanced header", function (assert) {