Hi, I have a VERY simple form… 1 text input and 1 submit button, that’s it
In my component.ts I have an onSumbit() callback that’s tied to the form
(This is a mobile only iPad app)
When you tap to enter a value, the keyboard pops up so you can do so
When the user is done typing in their query, if they tap the “enter” (submit) button visible on the screen next to the input, then onSubmit() works as expected
However, if once they’re done entering their query and they simply hit “return” on the pop up iOS keyboard, then nothing happens…
I’m thinking the best way to resolve this would be to put a keyup listener on the input, and on “return” trigger “submit”, so that “onSubmit()” gets called like it’s supposed to
How do I trigger this event on the element though, the “angular” way, so I don’t have to do it old school and be touching the dom which is so taboo in Angular
Triggering a click on the button instead might also work just as well