uni-app ipad 14.6版本mui选择器组件异常
uni-app ipad 14.6版本mui选择器组件异常
| 项目 | 信息 |
|---|---|
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win10 64位 |
| HBuilderX版本号 | 3.1.22 |
操作步骤:
新建5+app 的hello mui项目,直接在14.6系统的ipad上运行,picker和H5日期选择组件上下滑动选择
预期结果:
选择器上下滑动可以正常定位到选中项
实际结果:
选择器上下滑动无法定位到选中项,样式异常
bug描述:
设备ipad,系统版本14.6
如附件中展示的,mui组件中只要是选择器类型的,上下滑动选择展示异常,无法正常使用
更多关于uni-app ipad 14.6版本mui选择器组件异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
补充:今天借了部14.6版本的ipad mini,选择器没有问题,推测应该是和屏幕分辨率有关系
更多关于uni-app ipad 14.6版本mui选择器组件异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html
根据您提供的信息,这是一个在iOS 14.6系统iPad上运行5+ App(使用MUI框架)时,picker选择器组件滑动异常的问题。此问题通常与特定iOS版本的WebView内核兼容性有关。
原因分析:
在iOS 14.6系统中,系统WebView(UIWebView/WKWebView)对CSS滚动或<select>元素的默认行为可能发生了变化,导致MUI框架中模拟原生滚动的选择器组件(包括picker和日期选择组件)的触摸滑动事件(touchmove)与滚动定位(scrollTop)计算出现异常。这属于特定系统版本与前端框架交互时的兼容性问题。
解决方案: 由于这是MUI框架在特定环境下的兼容性问题,建议从以下两个方向尝试解决:
-
更新HBuilderX与基础库: 请尝试将HBuilderX升级到最新正式版(当前最新为3.6+),并重新编译运行。新版HBuilderX通常会更新其内置的5+ SDK和基础库,可能已包含针对此类iOS兼容性问题的修复。
-
检查并调整CSS样式: 如果更新后问题仍存在,可以尝试在受影响的选择器组件或其父容器上添加以下CSS样式,以强制使用更稳定的滚动行为:
.mui-picker, .mui-dtpicker { -webkit-overflow-scrolling: touch !important; overflow-scrolling: touch !important; }

