Topic: mdb-chip-input on Android
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.1.0
- Device: Android
- Browser: Chrome
- OS: Android
- Provided sample code: No
- Provided link: No
Magdalena Dembna staff commented 4 years ago
Thank you for reporting this bug, we will add a task to fix it. Kind regards, Magdalena
chiplueck free commented 4 years ago
Is there a target release for a fix?
Magdalena Dembna staff commented 4 years 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 free commented 4 years 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 commented 4 years ago
Can you provide a code snippet? We will test it and try to find a solution. Kind regards, Magdalena
chiplueck free commented 4 years 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 free commented 4 years 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 commented 4 years 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