苹果机下订单时会聚焦留言框textarea,而不是像安卓机那样正常跳转去支付页面
推测多行文本域textarea与新版本微信的兼容问题。
问题描述:在苹果机上,支付页面点击支付,没有正常跳转去往支付页面,而是聚焦了当前页面的留言框(textarea)唤起了键盘。导致无法完成支付操作。
测试反馈:
- 在iPhone6微信版本7.0.9和iPhone11微信版本7.0.12上各自测试,均复现该问题;
- 用微信最新版本基础库编译的测试版,真机扫码后依然复现该问题;
- 在iPhone6S微信版本7.0.4可以正常支付,不出现该问题;
- 去掉卖家留言这个textarea,或者替换为单行输入框input,此时问题不再出现,iPhone6微信版本7.0.9和iPhone11微信版本7.0.12均可正常支付。
背景补充:该问题发现于1个多月前,当时来社区搜索就看到有类似反馈,其帖子时间是2020年2月。微信官方未进行修复吗?
2 回复
感谢 @ Be your sun 的热心帮助。
总结下方便后来者查看,问题是由于textarea未限定高度,在安卓机上不会超出,但在部分苹果机上会超出留言区域,进而覆盖了页面底部按钮。解决办法:在样式上写死高度。
附图是修改前textarea未限定高度时,在苹果和安卓上的textarea实际占有高度不同表现。