收藏
回答

如何解决绝对定位的弹窗内input type=“number”组件无法点击聚焦唤起输入键盘的问题?

使用场景:电商购买流程,选择商品规格弹窗上,规格选择完后输入商品数量。

问题描述:如题,input组件,type="number",父元素是fixed或者absolute定位的模态窗。

                  点击input,无法聚焦,无法弹出输入键盘。可以确认定位没有问题,没有标签遮盖。

公司测试机(华为、OPPO、iphone 6s、iphone 7p、iphone xr)上均表现为上述问题。

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

3 个回答

  • 骑着猪上班
    骑着猪上班
    2019-10-11

    是自己犯傻了,输入框边框是用after伪类绝对定位放大在缩小实现的,把输入框盖住了,加个样式pointer-events: none;就解决了。

    2019-10-11
    有用
    回复
  • 灵芝
    灵芝
    2019-10-11

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

    2019-10-11
    有用
    回复
  • 淼淼
    淼淼
    2019-10-11

    iphone 7p 真机测试,父级absolute,没有复现问题,一切正常!

    2019-10-11
    有用
    回复 1
    • 骑着猪上班
      骑着猪上班
      2019-10-11
      难受,我把绝对定位样式去掉就可以唤起,加上就不行
      2019-10-11
      回复
登录 后发表内容
问题标签