resolve #2324 Date input type location is aligned differently on iden…

…tical questions
surveyjs · Jul 1, 2024 · da70caf · da70caf
1 parent 4728dc2
commit da70caf
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/question_text.ts b/src/question_text.ts
@@ -548,7 +548,7 @@ export class QuestionTextModel extends QuestionTextBase {
   private updateTextAlign(style: any) {
     if (this.inputTextAlignment !== "auto") {
       style.textAlign = this.inputTextAlignment;
-    } else if (this.maskSettings.getTextAlignment() !== "auto") {
+    } else if (!this.maskTypeIsEmpty && this.maskSettings.getTextAlignment() !== "auto") {
       style.textAlign = this.maskSettings.getTextAlignment();
     }
   }

diff --git a/tests/mask/mask_settings_tests.ts b/tests/mask/mask_settings_tests.ts
@@ -215,6 +215,17 @@ QUnit.test("Currency mask: text aligment", function (assert) {
   assert.deepEqual(q.inputStyle, { width: undefined, textAlign: "left" });
 });
 
+QUnit.test("Text aligment inputType is date, maskType is numeric", function (assert) {
+  const q = new QuestionTextModel("q1");
+  q.fromJSON({
+    "type": "text",
+    "name": "since-date",
+    "inputType": "date",
+    "maskType": "numeric"
+  });
+  assert.deepEqual(q.inputStyle, { width: "" });
+});
+
 class IntegerMask extends InputMaskNumeric {
   public getType(): string {
     return "integermask";