* 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;
}
你可以在点击picker的时候,把input的disabled=true,同时把foucs=false,然后点击input的时候,再把他们互换一下disabled=false,foucs=‘’,不能用foucs=true,用了的话input会重影
同遇到这个问题,input先触发弹出键盘,快速点击picker又弹出了下拉控件。。。
求官方解答
主要是现在存在这个bug,用户体验非常不好。。。。求解决@官方
应该是input先触发的吧