ios表单快速点击下拉框和input输入框,键盘和下拉控件会同时出现
发布于 5 年前 作者 fhuang 17524 次浏览 来自 问答

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

}

3 回复

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

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

求官方解答

应该是input先触发的吧

回到顶部