Element: [Bug Report] Remote Search is unable to open the system keyboard input on IOS.

Created on 3 Sep 2018 · 3Comments · Source: ElemeFE/element

Element UI version

2.4.6

OS/Browsers version

ios11/safari

Vue version

2.5.10

Reproduction Link

https://jsfiddle.net/mmx38qxw/5507/

Steps to reproduce

使用iphone/ipad系统内置的safari浏览器打开连接，点击Remote Search，无法正常弹出系统键盘进行输入；当将Remote Search 的multiple设置为true后，方可进行键盘输入

What is Expected?

Remote Search 的multiple设置为false时，也可进行键盘输入

What is actually happening?

Remote Search 的multiple设置为false时，无法唤醒系统键盘进行输入

Source

ch8771

All 3 comments

Translation of this issue:

Element UI version
2.4.6

OS/Browsers version
Ios11/safari

Vue version
2.5.10

Reproduction Link
https://jsfiddle.net/mmx38qxw/5507/

Steps to reproduce
Open the connection using the built-in Safari browser of the iPhone / iPad system, click Remote Search, and the system keyboard can not normally pop-up for input; when the multiple of Remote Search is set to true, the keyboard can be entered

What is Expected?
Keyboard input can also be used when Remote Search's multiple is set to false.

What is actually happening?
When the multiple of Remote Search is set to false, the system keyboard cannot be awakened.

element-bot on 3 Sep 2018

Element is designed for desktop. It's not compatible with mobile devices.

ziyoung on 3 Sep 2018

👎3

@ziyoung At least Element UI need to fix this issue before closing?

Or at least update the Select.vue readonly computed property to like this? I think we need to add !this.remote to enable keyboard popup when remote is set to true and multiple is set to false.

readonly() {
    // trade-off for IE input readonly problem: https://github.com/ElemeFE/element/issues/10403
    const isIE = !this.$isServer && !isNaN(Number(document.documentMode));
    return !this.filterable || this.multiple || !isIE && !this.visible || !this.remote;
},