Custom composite question types do not display correctly in Creator (#…

…5268) * Corrected translation for question numbering in italian.ts (#5261) Co-authored-by: Andrew <andrew.telnov@gmail.com> * Custom composite question types do not display correctly in Creator Fixes #5247 * #5247 - redefine css for complex questions * #5247 - matrices and panels * #5247 - use class for composite question * #5247 Custom composite question types do not display correctly in Creator - update screenshot Fixes #5247 --------- Co-authored-by: Andrew <andrew.telnov@gmail.com>
surveyjs · Feb 27, 2024 · c7d3cf9 · c7d3cf9
1 parent 9186bf2
commit c7d3cf9
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 0 deletions.
diff --git a/packages/survey-creator-core/src/components/question.scss b/packages/survey-creator-core/src/components/question.scss
@@ -767,6 +767,15 @@ svc-question,
     padding-right: calcSize(5);
     overflow-x: auto;
   }
+
+  .sd-composite {
+    .sd-question__content {
+      margin-left: 0;
+      margin-right: 0;
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
 }
 
 .svc-question__content--ranking {

diff --git a/visualRegressionTests/tests/designer/etalons/composite-question-no-scroll.png b/visualRegressionTests/tests/designer/etalons/composite-question-no-scroll.png
diff --git a/visualRegressionTests/tests/designer/surface.ts b/visualRegressionTests/tests/designer/surface.ts
@@ -1921,4 +1921,48 @@ test("Check minimal height", async (t) => {
     })();
     await takeElementScreenshot("creator-min-height.png", root, t, comparer);
   });
+});
+
+test("Composite question - check no scroll", async (t) => {
+  await wrapVisualTest(t, async (t, comparer) => {
+    await ClientFunction(() => {
+      window["Survey"].ComponentCollection.Instance.add({
+        name: "fullname",
+        title: "Full Name",
+        elementsJSON: [
+          {
+            type: "text",
+            name: "firstName",
+            title: "First Name",
+            isRequired: true,
+            minWidth: 200
+          },
+          {
+            type: "text",
+            name: "lastName",
+            title: "Last Name",
+            isRequired: true,
+            minWidth: 200,
+            startWithNewLine: false,
+          }
+        ],
+      });
+    })();
+    await t.resizeWindow(1120, 900);
+    await setJSON({
+      "pages": [
+        {
+          "name": "page1",
+          "elements": [
+            {
+              "type": "fullname",
+              "name": "question1"
+            }
+          ]
+        }
+      ]
+    });
+    await t.hover(".sd-input.sd-text");
+    await takeElementScreenshot("composite-question-no-scroll.png", Selector(".svc-question__adorner"), t, comparer);
+  });
 });