首页 > 其他分享 >解决mui picker选择器在 ios16.2系统上,选择器滚动错误错乱,无法正常选择的问题

解决mui picker选择器在 ios16.2系统上,选择器滚动错误错乱,无法正常选择的问题

时间:2023-01-11 11:58:33浏览次数:44  
标签:picker ios ios16.2 错乱 mui 选择器

操作步骤:

16.2版本的ios手机,使用mui.picker 控件,就会出现此问题,百分百复现。

预期结果:

mui.picker 控件在ios16.2系统正常使用

实际结果:

无法正常使用

bug描述:

mui picker ios16.2系统上,选择器滚动错误错乱,选择不好
用多个ios手机测试了,凡是升级到16.2的均会产生,选择器错乱,选择不了的问题。
使用官方的示例,放到升级到16.2的ios手机上测试,问题同样存在
https://www.dcloud.io/hellomui/examples/picker.html
(这是官方案例,请点击测试)

解决方案:

方法一:

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

 

 方法二:

 可以在样式文件里加上

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

transform-origin-z: 0 !important;

}

标签:picker,ios,ios16.2,错乱,mui,选择器
From: https://www.cnblogs.com/yechangzhong-826217795/p/17043301.html

相关文章

  • jQuery核心函数之选择器(层次选择器)
    视频空格是选中所有后代,相当于爷爷的儿子以及孙子。>符号是选中子元素,相当于爷爷的儿子,但没有孙子。+符号是选中紧挨着的兄弟元素,相当于只要爷爷之后那个爷爷的弟弟。......
  • jQuery核心函数之选择器(基本选择器)
    视频<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>05_基本选择器</title></head><body><divid="div1"class="box">div1(class="box")</div>......
  • jQuery核心函数之选择器(整个选择器大致结构)
    视频在文档中这一部分整个选择器的结构基本选择器层次选择器过滤选择器表单选择器......
  • 41、商品服务--属性分组---级联选择器的回显
    我们希望点击修改时,会自动回显该属性的分组(即三级目录)注意:这个elementui的v-model绑定的值是一个路径数组,即回显的数据options是我们绑定的类似一个三级树形目录他这......
  • 40、商品服务--属性分组---分组新增&级联选择器
    当我们点击新增时,希望是下面这样的形式,即所属分类是下面这样的我们可以使用elementui的级联选择器来实现其中options是显示的数组,所以我们给后端发送请求来查询然后给......
  • 解决el-date-picker组件当日历面板展开时点击清空图标无法清空问题
    问题现象:支持选择多个时间的日期组件,在日历面板展开时点击清空图标是无法清空的  解决方案:查找资料发现可以通过change事件来监听清空操作,当监听到value值为null时......
  • flutter 效果实现 —— 日历选择器
    效果:代码://custom_calendar.dart日历组件import'package:flutter/material.dart';import'package:intl/intl.dart';classCustomCalendarViewextendsStatefu......
  • css的复杂选择器
    后代选择器后代选择器使用空格间隔开(AB:在A元素中寻找后代(不一定是儿子)是B的元素)<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>后......
  • jQuery层次选择器
    后代选择器//选择body内的所有div元素.$('#btn1').click(function(){$('bodydiv').css("background","#bbffaa");})子元素选择器//在body内的选择......
  • jQuery基本选择器
    id选择器//选择id为one的元素$('#btn1').click(function(){$('#one').css("background","#bfa");});.class选择器//选择class为mini的所有元......