Merge pull request #9158 from surveyjs/issue/9157-Incorrect-scaling-f…

…or-input

#9157 Incorrect scaling for input

packages/survey-core/src/defaultV2-theme/blocks/sd-input.scss

@@ -18,6 +18,7 @@
   text-align: start;
   box-shadow: $shadow-inner, 0 0 0 0px $primary;
   transition: box-shadow $transition-duration;
+  display: block;
 }
 
 .sd-input:focus {

visualRegressionTests/tests/defaultV2/themes.ts

@@ -584,4 +584,35 @@ frameworks.forEach(framework => {
     });
   });
 
+  test("Question scaling", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1920, 1080);
+      await initSurvey(framework, {
+        "pages": [
+          {
+            "name": "page1",
+            "elements": [
+              {
+                "type": "text",
+                "name": "question1"
+              }
+            ]
+          }
+        ],
+        "showQuestionNumbers": "off",
+      });
+
+      await ClientFunction(() => {
+        (<any>window).survey.isCompact = true;
+        (<any>window).survey.applyTheme({
+          "cssVariables": {
+            "--sjs-font-size": "3.2px",
+            "--sjs-base-unit": "1.6px",
+          }
+        });
+      })();
+      const question = Selector(".sd-question");
+      await takeElementScreenshot("question-scaling.png", question, t, comparer);
+    });
+  });
 });