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组件中只要是选择器类型的,上下滑动选择展示异常,无法正常使用

异常操作录屏.zip


更多关于uni-app ipad 14.6版本mui选择器组件异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

补充:今天借了部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框架在特定环境下的兼容性问题,建议从以下两个方向尝试解决:

  1. 更新HBuilderX与基础库: 请尝试将HBuilderX升级到最新正式版(当前最新为3.6+),并重新编译运行。新版HBuilderX通常会更新其内置的5+ SDK和基础库,可能已包含针对此类iOS兼容性问题的修复。

  2. 检查并调整CSS样式: 如果更新后问题仍存在,可以尝试在受影响的选择器组件或其父容器上添加以下CSS样式,以强制使用更稳定的滚动行为:

    .mui-picker, .mui-dtpicker {
        -webkit-overflow-scrolling: touch !important;
        overflow-scrolling: touch !important;
    }
回到顶部