如何解决绝对定位的弹窗内input type=“number”组件无法点击聚焦唤起输入键盘的问题?
发布于 7 年前 作者 kfu 13780 次浏览 来自 官方Issues

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

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

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

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

3 回复

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

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

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

回到顶部