Background:
There’s a single page using onsen UI (version 2.10.8 or 2.7.0 - any of those are available to use and pick) that is displayed into an Android/iOS app by using webviews.
Problem:
When you are using an Android app and typing in values in an input, you should be able to use the enter button (to close the keyboard) or the arrow button (to send the focus to the next input) on the keyboard, however, it’s not doing anything.
The html code would looks like the following:
<input type="text" inputmode="decimal" id="iddummy1" class="amount text-input undefined" placeholder="test" input-id="transferAmount" autocomplete="off" value="">
<input type="text" inputmode="decimal" id="iddummy2" class="amount text-input undefined" placeholder="00.00" input-id="transferAmount" autocomplete="off" value="">
<ons-button id="btn-run-script" role="button" class="button-positive" modifier="large">Run Code
</ons-button>
Below you can see the keyboard and the blue enter key mentioned above:

On the image above, we are on the last input field and by pressing the blue key is not performing any action at all. so we need to use the back android key (to at least dismiss the keyboard).
Questions:
-
Is there any code that could be added to our single page using onsen UI to fix this issue so that by pressing the arrow/enter key button on the keyboard works as expected ?
-
Are we missing to add something into our <input> fields?
Thanks!