请使用官方HelloUniApp 小程序->扩展组件->uni-combox组合框；点击第二第三个示例测试
米花花
- 发布：2022-08-15 17:32
- 更新：2023-07-31 16:11
- 阅读：2326
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 1.06.2208010
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
第三方开发者工具版本号： 1.06.2208010
基础库版本号： 2.25.2
项目创建方式： HBuilderX
操作步骤：
预期结果：
-
-
实际结果：
如上描述
如上描述
bug描述：
uni-combox组件设计是集输入框和下拉选择为一体。
1.bug。
问题：在使用过程中，点击输入框会调起键盘，也会显示下拉选择，但是键盘会遮挡住下拉选择列表。关闭键盘，失焦了，下拉选择列表就会消失，这种情况存在于该组件的使用位置是在屏幕下方，能被键盘遮挡的位置，如果在屏幕顶部使用该组件，问题不明显。
解决方案：查看了一下源代码，在失焦事件中，将下拉框隐藏掉了，导致无法选择下拉列表中的选项，将失焦事件删掉即可。
2.设计不合理。
问题：如果修改了上面的bug，功能是可以正常使用的，但是每次选择下拉都会先调起键盘，需要把键盘合起来，才能显示出下拉选择列表进行选择；如果组件处于屏幕下方 ，因为下拉选择框是从输入框底部开始显示，组件太低，下拉选择列表就会被挡住，虽然可以整体将页面往上拉，露出左右下拉选项，但是如果页面底部再无内容或为固定高度，就会导致下拉选项只有非常短的可是空间，而且用户体验也不太好。
解决方案：建议使用input+picker组合，左侧输入框，可以随意输入，右侧下拉picker组件，只嵌套图标，两个组件都绑定同一个值，这样展示出来的效果与原有的相同，但是两种输入之间又不互相干扰，但绑定值又一致，原生的picker固定了选择器位置与样式，既美观又方便，整体用户体验也会大大提升。
1 个回复
2***@qq.com - 6666
我也遇到这个情况了，目前我的解决方法是，监听小键盘的弹出事件，键盘只要弹出，使用uni.pageScrollTo自动向下滚动，并且配合外层的盒子，增加向下的margin，使得用户点击搜索的时候，自动滚了上去