【BUG】mui.picker 组件在 ios16.0 及以上版本系统存在遮挡问题

最新推荐文章于 2024-01-25 14:24:52 发布

原创最新推荐文章于 2024-01-25 14:24:52 发布 · 822 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#bug

文章讲述了在维护公司项目时遇到的一个特定于iOS高版本的bug，该bug与使用已停止维护的mui框架有关，特别是mui.picker组件出现选项遮挡问题。解决方案包括注释掉mui.picker.min.css中特定的样式代码行，以及如果需要的话，替换mui.picker.min.js文件。提供的截图和文件压缩包可供参考和下载。

问题

最近在维护公司项目时，测试报了一个仅出现在 ios 高版本操作系统才会出现的 bug。看了一下，使用的是 mui 框架，但是官方也已经停止维护了。可以看到使用了mui.picker，选项出现了严重的遮挡问题。

解决方法

1. 找到 mui.picker.min.css 文件，把后面两行注释掉。（位置大概在37、38行）

.mui-picker-inner {
    position: relative;
    width: 100%;
    height: 100%;
    / -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%,     #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%,     #fff 80%, transparent 95%, transparent) /
}

2. 替换 mui.picker.min.js 文件。（按需替换，如果上一步还未能解决，可以替换 js 文件试一下）

下面是解决之后的截图以及文件压缩包，有需要的可以自行下载。