Element: [Bug Report] el-select keyboard for iOS devices doesn't show up when filterable is true but mutliple is false

[pcaleja]

Element UI version

2.4.6

OS/Browsers version

iOS Safari

Vue version

2.5.17

Reproduction Link

https://jsfiddle.net/45kvjg6u/13/

Steps to reproduce

When using the iOS simulator, use an iPad Pro device to open the reproduction link

• Click the first select and try typing with the keyboard and text won't be inputted
• Click the second select and try typing with the keyboard and text is inputted

When using an actual device

• Clicking the first select will not render the iOS keyboard
• Clicking the second select will render the iOS keyboard

What is Expected?

Users should be able to input text for el-select components when filterable is true for iOS devices

What is actually happening?

Users are only able to input text for el-select components when filterable is true when mutliple is also true for iOS devices

[ziyoung]

Element is designed for desktop. It's not compatible with mobile devices. You can use other libraries like vant. FYI: https://github.com/vuejs/awesome-vue#mobile-1

[AlexGodbehere]

This is a terrible answer. Modern-day sites need to be responsive, so if ElementUI can't be used on mobile, it's useless for many sites.

Don't get me wrong, I hugely appreciate the devs for making ElementUI, it's just a shame about this oversight. For the most part, ElementUI works (and looks!) great on mobiles with a few tweaks to the css.

Has anyone managed to get around this?

[scs-ben]

I agree, ignoring mobile is not possible. This will be require me to use a different framework.

[vytya]

I had same issue with el-select.
Could not solve it and started to use el-autocomplete. In my case everything is ok on IOS.

https://element.eleme.io/#/en-US/component/input#autocomplete

[caesaram]

It's a shame because it works fine on desktop, even in mobiles based on Android OS.

It doesn't make sense that it won't work only in IOS based web browsers

[aotechsmartsoft]

Element is designed for desktop. It's not compatible with mobile devices. You can use other libraries like vant. FYI: https://github.com/vuejs/awesome-vue#mobile-1

@ziyoung ElementIO works perfectly in Android browsers (it's mobile too).
Maybe instead of saying "you can use other libraries", you could point this bug with less priority, to see it later.

Regards

[mattharley]

a good workaround is to set multiple and :multiple-limit="1"