iOS16.4mui.PopPicker/mui.DtPicker选项遮盖问题修复

是的,它(mui)又出问题了,用户从16.3升级到16.4以后mui.PopPicker/mui.DtPicker选项上遮盖一个灰色的小方块,应该是iOS16.4safari浏览器内核升级导致的,解决办法:
将mui.picker.min.css

.mui-picker-inner{
    -webkit-mask-box-image:-webkit-linear-gradie(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)
}

改为

.mui-picker-inner{
    mask-image: linear-gradient(to top, transparent, #fff);
    -webkit-mask-image: linear-gradient(to top, transparent, #fff);
    background-color: #fff;
}

还有一个很麻烦的问题,从iOS16.4开始用文档流布局撑开形成滚动区域的布局会导致使用position:fixed;布局的元素在滚动结束时发生位置偏移,解决办法是重新组织页面结构使用mui自带的滚动容器样式来承载滚动区域,粘性布局的元素不要放在里面
结语:
建议放弃mui+jquery这个框架,否则你会陷入永无止境的修复兼容问题的怪圈,积极拥抱vue3.0+ts/react+ts 和各种现代UI框架(vant iview elementplus antd....)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容