* 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;
}