#6185 Description under input raises scrollbar in Designer (#6192)

* #6185 Description under input raises scrollbar in Designer Fixes #6185 * fix test #6185 * etalons #6185
surveyjs · Dec 9, 2024 · efaf292 · efaf292
1 parent c777808
commit efaf292
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 0 deletions.
diff --git a/packages/survey-creator-core/src/components/question.scss b/packages/survey-creator-core/src/components/question.scss
@@ -1307,6 +1307,11 @@ svc-question,
     overflow-x: auto;
   }
 
+  .sd-question--description-under-input .sd-question__content {
+    margin-bottom: calcSize(-1);
+    padding-bottom: calcSize(1);
+  }
+
   .sd-composite {
     .sd-question__content {
       margin-left: 0;

diff --git a/...gressionTests-V2/tests/designer/etalons/surface-question-bottom-description.png b/...gressionTests-V2/tests/designer/etalons/surface-question-bottom-description.png
diff --git a/...lRegressionTests/tests/designer/etalons/surface-question-bottom-description.png b/...lRegressionTests/tests/designer/etalons/surface-question-bottom-description.png
diff --git a/visualRegressionTests/tests/designer/surface.ts b/visualRegressionTests/tests/designer/surface.ts
@@ -2378,4 +2378,32 @@ test("Matrix Dynamiv with rows drad-drop", async (t) => {
     await setJSON(json);
     await takeElementScreenshot("design-surface-matrixdynamic-with-drag-drop.png", Selector(".svc-tab-designer .sd-table-wrapper"), t, comparer);
   });
+});
+
+test("Question description bottom", async (t) => {
+  await wrapVisualTest(t, async (t, comparer) => {
+    await t.resizeWindow(1024, 800);
+
+    const json = {
+      "logoPosition": "right",
+      "pages": [
+        {
+          "name": "page1",
+          "elements": [
+            {
+              "type": "text",
+              "name": "question1",
+              "description": "Description",
+              "descriptionLocation": "underInput"
+            }
+          ]
+        }
+      ]
+    };
+    await setJSON(json);
+
+    await t.click(Selector(".sv-string-editor").withText("Description"));
+    const QRoot = Selector(".svc-question__adorner").filterVisible();
+    await takeElementScreenshot("surface-question-bottom-description.png", QRoot, t, comparer);
+  });
 });