mdb-chip-input on Android

web
mobile

Topic: mdb-chip-input on Android

chiplueck pro premium asked 4 months ago

The chip input component works great on a desktop browser. When I tried on Android, the soft keyboard doesn't have an enter key, so the input can't be converted into a chip. If the input area were a textarea instead of a regular input, the enter key is available. Screenshot below. Note that the existing chips were created on a desktop browser, not Android.

enter image description here


Magdalena Dembna staff premium commented 4 months ago

Thank you for reporting this bug, we will add a task to fix it. Kind regards, Magdalena


chiplueck pro premium commented 3 months ago

Is there a target release for a fix?


Magdalena Dembna staff premium commented 2 months ago

We have tested both on Android 9 and iOS device and we couldn't reproduce this issue - https://vue.mdbootstrap.com/#/components/pro/chips (the last example). What's your Android version? Kind regards, Magdalena


chiplueck pro premium commented 2 months ago

It's a Pixel 3 on Android 10. Interestingly, the link you provided to the example works fine on my Pixel. I suspect it works because the demo page has no other fields in the form, but my form does. On the Android, instead of an enter key on my keyboard, it's a symbol to advance to the next field. I suspect that is the difference.


Magdalena Dembna staff premium commented 2 months ago

Can you provide a code snippet? We will test it and try to find a solution. Kind regards, Magdalena


chiplueck pro premium commented 2 months ago

Hmmm.... I created a code snippet and tested it, and it worked the way I would expect, so I will have to compare to the code that isn't working.


chiplueck pro premium commented 2 months ago

I was able to duplicate the issue when I put the mdb-chip-input within a tag. Outside it works fine. I tried to create a snippet here -> https://mdbootstrap.com/snippets/vue/chipluisys-com/1675115, but the version only goes up to 5.8 and it didn't work, but you can see the code there at least.


Magdalena Dembna staff premium commented 2 months ago

We have managed to recreate the issue on Android device - we will try to solve this issue in one of future releases. Kind regards, Magdalena


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: Vue
  • MDB Version: 6.1.0
  • Device: Android
  • Browser: Chrome
  • OS: Android
  • Provided sample code: No
  • Provided link: No