阵浊秀
阵浊秀
  • 发布:2025-02-28 09:31
  • 更新:2025-02-28 09:55
  • 阅读:60

【报Bug】老版本iphone设备,div contenteditable 属性设置true 无法输入

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.53

浏览器平台: Safari

浏览器版本: iphone7及以下

项目创建方式: HBuilderX

示例代码:

<div class="inputbox" contenteditable="true" placeholder="请输入@人员" >
1
</div>

操作步骤:

创建实例项目 输入代码,打包,在iphone7 及以下手机进行测试,无法输入

预期结果:

可以输入

实际结果:

无法输入

bug描述:

contenteditable 属性设置为true的情况下,iphone 7P及以下机型,点击div,能拉取键盘无法获得焦点,输入不进去内容,实测,在普通的html文件中写div加这个属性,相同的手机是正常的,可以输入

2025-02-28 09:31 负责人:无 分享
已邀请:
阵浊秀

阵浊秀 (作者) - 什么介绍

发现问题了,uniapp有默认样式影响了,要给自己的div的这两个属性设置为 text 不要none
body, html {
/ -webkit-user-select: none; /
/ user-select: none; /
}

爱豆豆

爱豆豆 - 办法总比困难多

把div改大写 试一下

        <DIV contenteditable style="width: 100%;height: 300rpx;border: 3px #ffccff solid;"></DIV>
  • 阵浊秀 (作者)

    发现问题了,uniapp有默认样式影响了,要给自己的div的这两个属性设置为 text 不要none

    body, html {

    / -webkit-user-select: none; /

    / user-select: none; /

    }

    2025-02-28 09:55

要回复问题请先登录注册