Fix executing commands on Android chromium browsers

[oubeichen]

Description

Fixes https://github.com/JustArchiNET/ASF-ui/issues/1590

In Chromium-based browsers on Android, when there are multiple input fields and the enterkeyhint attribute is not set, pressing the Enter key on the virtual keyboard will automatically switch to the next input field.

This behavior contradicts our expectation of inserting a line break.

Therefore, we need to manually set the enterkeyhint attribute to enter in the input fields.

Screenshots

None, but behaviors can be tested at https://codepen.io/Beichen-Ou/pen/zYQzLNz

Additional information

• https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint
• https://stackoverflow.com/questions/51674081/android-chrome-keypress-event-enter-not-triggered-when-using-multiple-input-el
• https://stackoverflow.com/questions/72369349/google-chrome-101-on-android-shows-tab-key-on-soft-keyboard-instead-of-enter-for

Checklist

• [X] My pull request is not a duplicate
• [X] I added a descriptive title to this pull request
• [X] I added a concise description or a self-explanatory screenshot to this pull request
• [X] My code follows the code style of this project
• [X] I have performed a self-review of my own code

[JLCareglio]

🙌 Thanks for this contribution, I hope they accept it soon 😄

[MrBurrBurr]

Thank you for your PR 💪

I do not have a android device so I can't test it myself. @zynowhere maybe you could test if it resolves your issue? Or maybe @Abrynos has some time in the near future?

Also, do we have to set enterkeyhint attribute on the autocomplete input aswell? Wouldn't it be enough with just the main input?

[oubeichen]

Thank you for your PR 💪

I do not have a android device so I can't test it myself. @zynowhere maybe you could test if it resolves your issue? Or maybe @Abrynos has some time in the near future?

Also, do we have to set enterkeyhint attribute on the autocomplete input aswell? Wouldn't it be enough with just the main input?

You are right, simply modifying the attribute of the main input is sufficient to solve the problem. I have already rebased the change. Additionally, setting the autocomplete input to disabled can achieve a similar effect. It's up to you to decide. Also, attached is the mobile test recording.

https://github.com/JustArchiNET/ASF-ui/assets/2402901/b76e7aa4-f354-4a7c-9260-c8a56ee17d23

https://github.com/JustArchiNET/ASF-ui/assets/2402901/caf580f9-c05c-4057-adc7-047a6b94310b

[MrBurrBurr]

Thank you for your contribution!