Inputitems: cannot add items on mobile

[bayang]

Inputitems: cannot add items on mobile

[mlmoravek]

Works fine for me on android with mobile chrome browser.

[bayang]

Actually, I just noticed that pressing comma does nothing, but pressing enter takes me to the next input field in the page.
I tried to see if that could be something that I can change from the browser settings but I couldn't find anything.

[mlmoravek]

Yes, pressing enter on an autocomplete component (internally Inputitems is an autocomplete component) on a mobile agent changed the focus to the next input, even on onKeydown the event.preventDefault() is done if key === "Enter".
source link

Any idea how to prevent the focus swith on mobile?

[bayang]

I might be totally off tracks here, but could this be related to the enterkeyhint attribute ?

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint

The current behaviour is as if enterkeyhint was set to next.

This SO comment says :

I just tried again and <input type="text" enterkeyhint="done" /> <input type="text"/> does prevent the enter key to move to the next field

https://stackoverflow.com/questions/70867312/how-to-avoid-input-field-from-showing-next-option-instead-of-go-on-mobi#comment129665274_73262656