收藏
回答

部分手机input的type=number时,键盘无法弹出

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug Android 8.1.0 vivo x23 7.0.3

- 当前 Bug 的表现(可附上截图)





- 预期表现

应该进去默认弹出键盘,或者点击之后弹出


- 复现路径


- 提供一个最简复现 Demo

<view class="password-box">

<view class='password-wrapper'>

<!-- 伪装的input -->

<block wx:for="{{inputLength}}" wx:key="item">

<!-- 宽高可以由外部指定 -->

<view class="password-item {{currentValue.length === index ? 'password-active' : ''}}" style="width: {{inputWidth}}; height: {{inputHeight}}" catchtap='_focusInput'>

<!-- 隐藏密码时显示的小圆点【自定义】 -->

<view wx:if="{{!showValue && currentValue.length>=index+1}}" class="hidden"></view>

<!-- 显示密码时显示对应的值 -->

<view wx:if="{{showValue}}" class="show">

{{currentValue.length>=index+1?currentValue[index]:''}}

</view>

</view>

</block>

</view>

<!-- 隐藏的输入框 -->

<input type="number" password="{{true}}" value="{{currentValue}}" class='hidden-input' maxlength="{{inputLength}}" focus="{{inputFocus}}" bindinput="_setCurrentValue"></input>

</view>


_focusInput() {

this.setData({

inputFocus: true

});

},




最后一次编辑于  03-20  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    03-20

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)以及复现视频

    03-20
    赞同
    回复 2
    • 虫虫虫。
      虫虫虫。
      03-20

      您好,以上提供的机型就可以复现问题。因为是用户反馈的。所以没法拿到相关视频


      03-20
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      03-20回复虫虫虫。

      麻烦按照教程来提供下代码片段

      03-20
      回复
  • haitai
    haitai
    03-22

    碰到了类似的情况,之前把隐藏的input的宽高都设成了0,一直可以正常工作,今天发现无法弹出键盘了,尝试把宽高为0的样式去掉就ok了

    03-22
    赞同 1
    回复 2
    • calm
      calm
      03-23

      谢谢 按照您的方法 我的问题也解决了

      03-23
      回复
    • 虫虫虫。
      虫虫虫。
      04-04

      嗯嗯,我们是这样解决的,感谢回答

      04-04
      回复
  • 愿你多年归来仍是少年
    愿你多年归来仍是少年
    03-22

    我是用了display:none;今天也是突然发现focus弹不起来了,之前都好好的


    03-22
    赞同
    回复