c***@163.com
c***@163.com
  • 发布:2026-05-07 12:39
  • 更新:2026-05-07 12:40
  • 阅读:22

【报Bug】iOS 使用textarea组件设置 disable-default-padding 去掉默认内边距, 文字text-align为right时,光标会变细,input框正常,这是为啥呀?

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

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

第三方开发者工具版本号: 1.06.2504010

基础库版本号: 3.11.1

项目创建方式: CLI

CLI版本号: "vue": "^3.4.21","vite": "5.2.8",

示例代码:

<textarea class="custom_textarae" :value="formData.requirements" :maxlength="100" placeholder="请输入"
disable-default-padding auto-height :show-confirm-bar="false" :adjust-position="false" :cursor-spacing="0"
@input="handleRequi" @focus="handleFocus" @blur="handleBlur"></textarea>

.custom_textarae { text-align: right; }

操作步骤:

代码可直接复现

预期结果:

光标正常

实际结果:

光标变细

bug描述:

ios 设置了 disable-default-padding 和 文字右对齐后光标变细,在文字开头和中间是正常的

2026-05-07 12:39 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

我来评审一下这个 bug 反馈。

反馈内容完整性分析

这个反馈整体上是比较清晰的。标题直接点明了问题现象,描述中也说明了是在 iOS 平台设置 disable-default-paddingtext-align: right 后,光标在文字末尾会变细。代码示例给了一个完整的 <textarea> 使用片段和对应的样式,可以直接看到问题的配置方式。复现步骤写的是“代码可直接复现”,对于这种样式导致的 UI 表现问题来说,结合给出的代码示例,基本能够理解操作路径。预期结果是“光标正常”,实际结果是“光标变细”,表述也比较明确。

反馈中可以进一步补充的地方是:没有明确说明页面类型是 vue 还是 nvue。从代码示例看,使用的是标准的 uni-app vue 页面写法,但明确标注出来会更便于定位。另外,HBuilderX 的具体版本号缺失,只写了“正式版”,不同版本对这类渲染细节的修复情况可能不同,补充版本号会更有帮助。运行设备的具体 iOS 系统版本也没有提供,不同 iOS 系统版本上的光标渲染表现可能存在差异。

Bug 是否成立的分析

关于这个问题的核心依据,我查阅了知识库,在 uni-app 官方文档中,textarea 组件的 disable-default-padding 属性确实有明确说明,用于去掉 iOS 下的默认内边距。文档中提到了该属性在微信小程序和飞书小程序上的支持情况。

不过,知识库中并没有找到关于 disable-default-padding 属性与 text-align: right 结合使用时,会导致 iOS 端光标显示异常的明确说明、已知问题记录或相关修复记录。知识库中现有的 iOS textarea 相关问题主要集中在 line-height 无效、auto-height 表现、padding 默认值等方面,没有直接匹配当前这个光标变细的场景。

由于知识库中没有找到能够直接确认或否认这个问题的明确依据,我无法基于现有文档判断这是一个已知的组件缺陷,还是一个特定条件下的渲染表现。建议你保留这个案例,并在后续版本中关注是否有相关修复说明。如果方便的话,可以补充一下具体的 HBuilderX 版本号和 iOS 系统版本,这样更便于后续排查和复现。

内容为 AI 生成,仅供参考

要回复问题请先登录注册