旧时光
旧时光
  • 发布:2024-12-30 10:49
  • 更新:2025-04-09 16:32
  • 阅读:1528

【报Bug】uni-app editor组件l有序和无序列表功能、ios设备手机光标在序号最前面

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11

HBuilderX类型: 正式

HBuilderX版本号: 4.36

手机系统: iOS

手机系统版本号: iOS 18

手机厂商: 苹果

手机机型: 任意苹果手机均可

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

1、压缩editor-defect.zip文件,开发工具运行到苹果手机;
2、运行到手机后直接打开运行的app;
3、直接点击富文本的功能菜单:有序或者无序菜单
(如果先点击了其他菜单,再点击有序或者无序菜单,光标位置才会正确)

预期结果:

初次点击有序或者无序菜单,光标位置正确

实际结果:

初次点击有序或者无序菜单,光标位置不正确

bug描述:

uni-app这,editor组件有序和无序列表功能异常,ios设备手机光标在序号的最前面。应该在序号的后面才对。请看附件图片光标的位置或者附件editor-defect复现demo。官方的hello-uniapp-x项目中editor组件也有一样的问题。

2024-12-30 10:49 负责人:DCloud_UNI_OttoJi 分享
已邀请:
旧时光

旧时光 (作者) - 我是一位6年+前端开发的技术人员

editor组件聚焦时, ios设备上光标会穿透。
场景:有个view采用了position: fixed,bottom设置的值就是键盘的高度。就是这个view被固定在键盘之上,此时ios设备editor那个光标会覆盖在这个view之上,希望作者可以一起看一下这个问题,谢谢

DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

问题已确认,输入一个字符后,光标位置正确。是 after 的空间没有处理好。

目前发现是 Safari 浏览器兼容性问题,导致 safari web 和 app-ios 光标有问题。临时兼容方案,下个 alpha 会修复

.ql-editor ol,  
.ql-editor ul {  
  padding-left: 1.5em;  
}  

.ql-editor li:not(.ql-direction-rtl)::before {  
  margin-left: -1.5em;  
}  

.ql-editor li.ql-direction-rtl::before {  
  margin-right: -1.5em;  
}
  • 旧时光 (作者)

    那评论区那个光标穿透问题呢,能不能一起看一下

    2025-04-09 16:31

  • DCloud_UNI_OttoJi

    回复 旧时光: 这个我使用 vue3 非 Uniapp 项目运行到 safari 手机,观察 fixed 和光标也是冲突的,光标的权重比较高

    2025-04-09 17:32

  • 旧时光 (作者)

    回复 DCloud_UNI_OttoJi: 那请问这个问题有解决方法不

    2025-04-10 09:36

  • 旧时光 (作者)

    回复 DCloud_UNI_OttoJi: 光标的层级能不能改低一点

    2025-04-10 09:37

要回复问题请先登录注册