wangyou
wangyou
  • 发布:2022-12-17 08:16
  • 更新:2023-04-06 11:32
  • 阅读:3628

【报Bug】mui选择器在iOS16.2上错位

分类:MUI

产品分类: 其他/MUI

操作步骤:

在iOS16.2版本中选择器错位

预期结果:

正常选择

实际结果:

选择错位

bug描述:

新升级iOS16.2版本的用户,手机上mui的多级联动会错位

2022-12-17 08:16 负责人:无 分享
已邀请:
z***@hrsoft.com.cn

z***@hrsoft.com.cn

我把mui.picker.all.js的一段css动画的代码去掉就可以了。
判断一下如果是ios16.2之后的就不设置这一行代码。

  • 1***@163.com

    多谢!

    2023-01-05 14:31

  • wangyou (作者)

    这个方法可以的!


    也可以在样式文件里加上

    .mui-ios-16.mui-ios-16-2 .mui-pciker-list{

    transform-origin-z: 0 !important;

    }

    2023-01-05 18:37

  • b***@21cn.com

    回复 wangyou: 你这个简单,强

    2023-01-06 10:35

  • lqlq

    回复 wangyou: 太谢谢了

    2023-01-10 14:21

  • 3***@qq.com

    回复 wangyou: 牛牛牛

    2023-01-10 17:07

  • z***@hotmail.com

    mui.picker.min.js文件修改方案:

    搜索u&&(e.list.style.webkitTransformOrigin="center center "+e.r+"px")},然后再u后添加一下内容

    &&!(mui.os.ios&&mui.os.plus&&plus.os.version>="16.2")&&!((maches=d.match(/iphone os ([\d_]+) /))&&maches.length>=2&&maches[1]>="16_2")

    2023-01-11 15:35

  • 2***@qq.com

    https://blog.csdn.net/liuhao9999/article/details/128628554 这个方法可以完美解决

    2023-01-19 15:05

  • 3***@qq.com

    回复 wangyou: 是在mui.picker.css里面加这句话吗

    2023-01-30 13:44

  • z***@163.com

    回复 wangyou: ios16.2管用,升级到了16.3不生效

    2023-01-31 15:31

  • z***@qq.com

    回复 z***@163.com: 直接改js,加个判断,不然一升级你的css就要加内容

    2023-02-01 11:14

  • z***@163.com

    回复 z@qq.com:

    JS 按照

    z
    @hotmail.com


    mui.picker.min.js文件修改方案:


    搜索u&&(e.list.style.webkitTransformOrigin="center center "+e.r+"px")},然后再u后添加一下内容


    &&!(mui.os.ios&&mui.os.plus&&plus.os.version>="16.2")&&!((maches=d.match(/iphone os ([\d_]+) /))&&maches.length>=2&&maches[1]>="16_2")

    这个方法改了,也不管用

    2023-02-01 15:55

  • z***@hotmail.com

    回复 z***@163.com: 目前运行良好,升级16.3,测试正常

    2023-02-03 10:18

  • h***@live.com

    请问下ipad需要考虑吗

    2023-03-01 10:04

  • 迷途的洋羊

    回复 z***@hotmail.com: 升级到16.4又出问题了, 选中后中间空白。

    2023-03-30 15:01

  • 迷途的洋羊

    升级到16.4又出问题了, 选中后中间空白。

    2023-03-30 15:01

  • L***@outlook.com

    回复 迷途的洋羊: 怎么解决?

    2023-04-10 09:05

wangyou

wangyou (作者)


官网示例在iOS16.2上也是错乱的

  • 迷途的洋羊

    升级到16.4又出问题了, 选中后中间空白。

    2023-03-30 15:01

wangyou

wangyou (作者)

mui是不维护了吗?

z***@hrsoft.com.cn

z***@hrsoft.com.cn

同样的问题,请问解决了吗

9***@qq.com

9***@qq.com

我也遇到这个问题了,有没有人有解决方法的

龙兴凤举

龙兴凤举

那个说改js的,我改完后,在较低版本的手机上,直接不显示选择器了

  • z***@163.com

    你用的哪个方法,16.3能显示不

    2023-02-02 16:16

  • 龙兴凤举

    回复 z***@163.com: 这个:搜索u&&(e.list.style.webkitTransformOrigin="center center "+e.r+"px")},然后再u后添加一下内容

    2023-02-08 10:36

  • 6***@qq.com

    哈?那你最终用的解决方案是什么?

    2023-02-08 17:28

  • 9***@qq.com

    您好,您最后怎么解决的,求解答

    2023-05-22 11:38

创杰科技

创杰科技 - 湖北创杰网络科技有限公司

在线等16.4的问题,错位+显示空白。

  • L***@outlook.com

    遇到同样的问题了,16.4有解决方法吗

    2023-04-10 08:51

  • wangyou (作者)

    在mui.picker.min.css里面搜索.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)}

    注释掉-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)就好了

    2023-04-13 15:21

  • 7***@qq.com

    回复 wangyou: 这个可以解决16.4的显示问题吗

    2023-04-25 15:21

  • 7***@qq.com

    回复 wangyou: 感谢

    2023-04-26 21:06

  • 1***@qq.com

    回复 wangyou: 改了变成ios16.2那个错误了

    2023-05-23 16:30

  • wangyou (作者)

    回复 1***@qq.com: js那里也要修改一下

    2023-05-23 16:35

要回复问题请先登录注册