#6877 Mobile: Do not use min size for mobiles - use css min

Fixes #6877
surveyjs · Sep 7, 2023 · b8c3d14 · b8c3d14
1 parent 5e32dbd
commit b8c3d14
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/survey-element.ts b/src/survey-element.ts
@@ -916,7 +916,7 @@ export class SurveyElement<E = any> extends SurveyElementCore implements ISurvey
       style["flexGrow"] = 1;
       style["flexShrink"] = 1;
       style["flexBasis"] = this.renderWidth;
-      style["minWidth"] = this.renderMinWidth ? this.minWidth : "";
+      style["minWidth"] = this.renderMinWidth ? this.minWidth : "min(100%, " + this.minWidth + ")";
       style["maxWidth"] = this.maxWidth;
     }
     return style;

diff --git a/tests/surveyElementTests.ts b/tests/surveyElementTests.ts
@@ -261,7 +261,7 @@ QUnit.test("rootStyle on mobile", function (assert) {
     "flexGrow": 1,
     "flexShrink": 1,
     "maxWidth": "100%",
-    "minWidth": ""
+    "minWidth": "min(100%, 300px)"
   });
 });
 QUnit.test("question.errorLocation", function (assert) {