苹果机下订单时会聚焦留言框textarea,而不是像安卓机那样正常跳转去支付页面
发布于 5 年前 作者 heyan 7831 次浏览 来自 问答

推测多行文本域textarea与新版本微信的兼容问题

问题描述:在苹果机上,支付页面点击支付,没有正常跳转去往支付页面,而是聚焦了当前页面的留言框(textarea)唤起了键盘。导致无法完成支付操作。

测试反馈

  1. 在iPhone6微信版本7.0.9和iPhone11微信版本7.0.12上各自测试,均复现该问题;
  2. 用微信最新版本基础库编译的测试版,真机扫码后依然复现该问题;
  3. 在iPhone6S微信版本7.0.4可以正常支付,不出现该问题;
  4. 去掉卖家留言这个textarea,或者替换为单行输入框input,此时问题不再出现iPhone6微信版本7.0.9和iPhone11微信版本7.0.12均可正常支付。

背景补充:该问题发现于1个多月前,当时来社区搜索就看到有类似反馈,其帖子时间是2020年2月。微信官方未进行修复吗?

相关问题链接:https://developers.weixin.qq.com/community/develop/doc/00006619d2ced0d4e4e9ec2dd5b800?_at=1591088616854

2 回复

感谢 @ Be your sun 的热心帮助。

总结下方便后来者查看,问题是由于textarea未限定高度,在安卓机上不会超出,但在部分苹果机上会超出留言区域,进而覆盖了页面底部按钮。解决办法:在样式上写死高度

附图是修改前textarea未限定高度时,在苹果和安卓上的textarea实际占有高度不同表现。

所以页面截图贴下?

回到顶部