ElemeFE / mint-ui

Mobile UI elements for Vue.js
http://mint-ui.github.io/#!/en
MIT License
16.56k stars 3.55k forks source link

[Bug Report] popup中有type不为tel的input时,第一次获取焦点不能被键盘顶起 #1239

Open 7demo opened 6 years ago

7demo commented 6 years ago

Mint UI version

2.2.13

OS/Browsers version

ios10/微信浏览器与safari

Vue version

2.5.13

Reproduction Link

https://jsfiddle.net/mmx38qxw/

Steps to reproduce

popup中添加一个input,把input的类型不为tel,然后微信扫一扫进行访问。 具体修改代码库中的example/pages/popup.vue的24行增加代码:

What is Expected?

期望无论input什么类型,都能被键盘顶起

What is actually happening?

这个input第一次获取焦点,无法被顶起(iphone的微信浏览器与safari)。需要再次获取焦点,才能被顶起。

7demo commented 6 years ago

可重现连接:http://sampanvue.free.ngrok.cc/#/popup (自己跑的服务)。 上面的描述连接不可用

7demo commented 6 years ago

系统自带键盘没问题,但是第三方键盘(搜狗,百度,讯飞)会有。 暂时的一个方法:popup created 时自动执行一次focus与blur。之后用户第一次触发就可以顶起。 此方法是,用户第二次触发仍然会被遮盖

Stevenzwzhai commented 6 years ago

可以试试给input添加autofocus属性