收藏
回答

如何解决多个input设置cursor-spacing后,获取焦点时会被键盘遮挡的问题?

给一组input都设置相同的cursor-spacing后,填写完第一个input,直接点击第二个input时,第二个input会被键盘遮挡。

直接点第二个input,键盘正常弹出,填写完第二个input,点击第三个input时,第三个会被键盘遮挡。

以此类推,只有第一次点击的input是正常获得了cursor-spacing。

代码片段:https://developers.weixin.qq.com/s/GqJA35mx7qlE

iphone xr、WeChat version 7.0.17、iOS 14.0

预览、真机调试都会出现这个问题。

使用的是原生键盘,没有用第三方键盘。救救孩子吧……

最后一次编辑于  10-15
回答关注问题邀请回答
收藏

4 个回答

  • Terry
    Terry
    星期日 18:23

    有好的解决办法了吗?


    星期日 18:23
    有用
    回复 3
    • 哇哦
      哇哦
      星期一 10:28
      https://developers.weixin.qq.com/s/6XFiknm67ElO
      我暂时的解决方案,从上往下点input被遮挡概率降低,但从下往上点还是会复现。
      星期一 10:28
      回复
    • Terry
      Terry
      2天前回复哇哦
      IOS从下往上,由A input直接点B input 100%复现
      2天前
      回复
    • 哇哦
      哇哦
      11小时前回复Terry
      对的,从下往上没有解决,从上往下也只是降低了概率。我感觉只要被点击的元素没有完全显示出来(部分被键盘遮挡),出现问题的概率就要低一点。我封装也是加大点击的范围,然后动态控制focus。
      11小时前
      回复
  • Ans
    Ans
    10-24

    你好 我也遇到了这个问题,请问你是否已解决

    10-24
    有用
    回复 1
  • 杨贵堂
    杨贵堂
    10-23

    附议! 看来不是我一个人有这个问题,找方案找了很久也没找到,怎么样官方关注一下,这应该是个bug吧

    我曾尝试用 adjust-position 来处理,但是不知道什么原因,也没起作用

    10-23
    有用
    回复 1
    • 哇哦
      哇哦
      10-23
      等级高的能否帮忙邀请下官方
      10-23
      回复
  • 张有釜
    张有釜
    10-14

    两个思路参考尝试一下

    1.动态控制三个input的cursor-spacing值

    2.点击第二/三个input的时候 先将focus属性设置为true 其他两个设置为false

    拙见

    10-14
    有用
    回复 1
    • 哇哦
      哇哦
      10-15
      思路2:我试了还是不行呢。
      思路1的话,是动态控制的,只是他们都是相同的值。
      感谢您的回复!
      10-15
      回复
登录 后发表内容
问题标签