收藏
回答

一个页面多个input组件,在页面顶部复制内容,滑动到最底部粘贴,会出现页面往顶部滚动的问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信iOS客户端 8.0.16 2.21.4

操作步骤:

  1. 使用input组件提供的代码片段
  2. 将代码片段中的 .page-section 的 margin-bottom 改为 100rpx,目的是让页面产生滚动效果
  3. 往输入框输入文字
  4. 全部输入完后,滑动到页面顶部,复制输入框的内容
  5. 复制完成,滑动到靠近页面底部的输入框
  6. 点击输入框聚焦,页面就会往上滑动,不会停在聚焦的位置

预期结果:

  1. 在大量表单输入框的页面,复制内容,滚动到相应位置粘贴,页面能停留在当前聚焦的地方

操作提示:

  1. 上述情况在安卓端没有问题,只在iOS端有问题
  2. iOS端输入法最好切换到系统自带的输入法,用第三方的输入法在iPhone 13 Pro Max上好像没啥问题
  3. 滚动到对应输入框,再切换到其他应用复制内容,再切换回小程序粘贴内容好像也会有这个问题

操作视频:

https://v.qq.com/s/videoplus/644709233

回答关注问题邀请回答
收藏

3 个回答

  • sorry
    sorry
    2022-05-11

    请问解决了嘛?我也遇到了

    2022-05-11
    有用
    回复 1
    • 暴风雨中的大西洋
      暴风雨中的大西洋
      2023-01-03
      好像官方已经修复了,我现在再去尝试已经没有问题了。我的系统版本是iOS 16.2,微信版本是8.0.28
      2023-01-03
      回复
  • DylanQ
    DylanQ
    2022-02-10

    请问下iOS系统版本是多少?

    2022-02-10
    有用
    回复 1
    • 暴风雨中的大西洋
      暴风雨中的大西洋
      2022-02-11
      我的是15.3,我们公司其他同事的iOS也会这样,系统版本有13.x、14.x的
      2022-02-11
      回复
  • Cjiang
    Cjiang
    2022-01-27

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2022-01-27
    有用
    回复 4
    • 暴风雨中的大西洋
      暴风雨中的大西洋
      2022-02-07
      不好意思,回复晚了,下面是代码片段:https://developers.weixin.qq.com/s/pWmXuTm47Kw2
      2022-02-07
      回复
    • 暴风雨中的大西洋
      暴风雨中的大西洋
      2022-03-11
      你好,请问这个问题修复了吗,我的手机上好像没有问题了,但是我同事的iPhone8好像还是有这个问题,他的系统版本是12.x的
      2022-03-11
      回复
    • Cjiang
      Cjiang
      2022-03-14回复暴风雨中的大西洋
      这个问题还在排查中
      2022-03-14
      回复
    • offline
      offline
      2022-07-04回复Cjiang
      你好,请问有结果了吗?官方demo也会出现同样的问题。
      官方demo扫码复现:选择表单组件->input
      2022-07-04
      回复
登录 后发表内容