Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ENTER key does not trigger form submission (ngSubmit)

See original GitHub issue

If an input using currencyMask is focused and we press ENTER, form submission does not work. (any other input without currencyMask will trigger ngSubmit correctly)

Maybe i’m wrong, but it looks like the problem is occurring here

Simple Example

Component

import { Component } from "@angular/core";
import { FormBuilder, FormGroup } from "@angular/forms";

@Component({
    selector: "my-app",
    templateUrl: "./app.component.html"
})
export class AppComponent {
    public form: FormGroup;

    constructor(private fb: FormBuilder) {
        this.form = this.fb.group({
            inputWithMask: 10000,
            otherInput: 10000,
        });
    }
    
    save() {
        console.log("SAVE WORK");
    }
}

HTML

<div class="card">
    <div class="card-body">
        <form [formGroup]="form" (ngSubmit)="save()">
            <div class="form-group">
                <label>Enter will not work here</label>
                <input type="text" class="form-control" currencyMask formControlName="inputWithMask" />
            </div>
            <div class="form-group">
                <label>Enter works</label>
                <input type="text" class="form-control" formControlName="otherInput" />
            </div>
            <button type="submit" class="btn btn-primary"> Press ENTER </button>
        </form>
    </div>
</div>

package.json

"dependencies": {
    "@angular/animations": "^10.0.9",
    "@angular/common": "^10.0.9",
    "@angular/compiler": "^10.0.9",
    "@angular/core": "^10.0.9",
    "@angular/forms": "^10.0.9",
    "@angular/platform-browser": "^10.0.9",
    "@angular/platform-browser-dynamic": "^10.0.9",
    "@angular/router": "^10.0.9",
    "ngx-currency": "^2.5.2",
    "rxjs": "^6.6.2",
    "tslib": "^2.0.1",
    "zone.js": "^0.10.3"
  }