收藏
回答

ios表单快速点击下拉框和input输入框,键盘和下拉控件会同时出现

框架类型 操作系统 操作系统版本 手机型号 微信版本
小程序 iOS ios iphone7plus 6.6.3



*  Bug:

ios小程序表单中,快速点击下拉框和输入框,下拉控件与输入框弹出键盘出现重叠。


*  Demo:

xml文件如下

<view class='ui-form'>

<view class='form-item'>

<label class='label-sm'>选择:</label>

<picker class='ui-picker' mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">

<view class='flex col-center'>

<view class='picker-text'>{{time}}</view>

<image mode='aspectFit' class='picker-down' src='../../../../static/images/graydown.png'></image>

</view>

</picker>

</view>

<view class='form-item'>

<label class='label-sm'>一:</label>

<input placeholder='请输入xxx' placeholder-class='c-light-gray'></input>

</view>

</view>

wxss文件如下

.ui-form{

border-bottom:2rpx solid #d8d8d8;

}

.ui-form .form-item{

display: flex;

display: -webkit-flex;

align-items: center;

padding: 10rpx 30rpx;

background-color: #fff;

border-top: 2rpx solid #d8d8d8;

line-height: 70rpx;

}


.ui-form .form-item input{

flex: 1;

color: #333;

}


.ui-form .form-item label{

color: #666;

}

.ui-form .form-item .label-sm{

width: 120rpx;

text-align: right;

margin-right: 16rpx;

}






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

4 个回答

  • 肥肥
    肥肥
    2020-09-22

    你可以在点击picker的时候,把input的disabled=true,同时把foucs=false,然后点击input的时候,再把他们互换一下disabled=false,foucs=‘’,不能用foucs=true,用了的话input会重影

    2020-09-22
    有用
    回复
  • 2018-11-21

    同遇到这个问题,input先触发弹出键盘,快速点击picker又弹出了下拉控件。。。

    求官方解答

    2018-11-21
    有用
    回复
  • 端
    2018-02-28

    主要是现在存在这个bug,用户体验非常不好。。。。求解决@官方

    2018-02-28
    有用
    回复
  • 这都申请了
    这都申请了
    2018-02-28

    应该是input先触发的吧

    2018-02-28
    有用
    回复
登录 后发表内容