Fixed an issue with input of negative numbers

Closes #1202
DNNCommunity · Oct 26, 2024 · 977e253 · 977e253
1 parent f0fc104
commit 977e253
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/stencil-library/src/components/dnn-input/dnn-input.tsx b/packages/stencil-library/src/components/dnn-input/dnn-input.tsx
@@ -125,7 +125,12 @@ export class DnnInput {
     this.internals.setFormValue("");
   }
 
-  private handleInput(value: string): void {
+  private handleInput(e: InputEvent): void {
+    if (this.type === "number" && e.data === "-") {
+      // Ignore the minus sign if the input type is number
+      return;
+    }
+    var value = (e.target as HTMLInputElement).value;
     this.value = value;
     var valid = this.inputField.checkValidity();
     this.valid = valid;
@@ -229,7 +234,7 @@ export class DnnInput {
               value={this.value}
               onBlur={() => this.handleBlur()}
               onFocus={() => this.focused = true}
-              onInput={e => this.handleInput((e.target as HTMLInputElement).value)}
+              onInput={e => this.handleInput(e)}
               onInvalid={() => this.handleInvalid()}
               onChange={() => this.handleChange()}
               aria-labelledby={this.labelId}