Problem with submitting a form with autocomplete using Enter

Topic: Problem with submitting a form with autocomplete using Enter key

mdb2 pro asked 6 years ago

A form that contains an autocomplete component cannot be submitted using the enter key. When the enter key button is pressed, it appears that an additional 'clear' button within the autocomplete component is pressed instead of the submit button that precedes it in the HTML DOM order. There are several alternatives:

Moving the (click) event from the button to the <form>. Although this does submit, it also clears the first autocomplete component content and ignores

[disabled]="!valid || form.pristine"
Adding type="button" to the clear button as is used with other components. This cannot be done manually but rather should be changed within the component.

Please advise if there is a better way and/or when option 2 is going to be implemented. Thanks.

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear mdb2, Thanks for your report. This problem will be fixed with the next release of MDB Angular (second option). As a workaround for your problem: You could download our ng-uikit-pro-standard-compile version of MDB Angular, add your desired changes (type="button") to the autocomplete component template, and then run the below command:

 npm run compile

After compiling, you could install the compiled .tgz archive in your application. Here's the link to the ng-uikit-pro-standard-compile repository: LINK Best Regards, Damian