uni-app ios的nvue页面使用textarea时占位符不在焦点中间

uni-app ios的nvue页面使用textarea时占位符不在焦点中间

操作步骤:

  • 只要是nvue页面都是这样

预期结果:

  • 占位符在焦点的中间

实际结果:

  • 占位符不在焦点的中间

bug描述:

  • ios 的nvue页面使用textarea ,占位符不在焦点的中间

图片

Image 1 Image 2

项目信息

项目属性
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 10
HBuilderX类型 正式
HBuilderX版本号 3.1.12
手机系统 iOS
手机系统版本号 IOS 14
手机厂商 苹果
手机机型 6s Plus
页面类型 nvue
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app ios的nvue页面使用textarea时占位符不在焦点中间的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app ios的nvue页面使用textarea时占位符不在焦点中间的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个已知的iOS nvue页面中textarea组件的问题。在iOS平台的nvue环境下,textarea的placeholder文本垂直居中显示存在兼容性问题,通常表现为占位符偏上显示。

建议通过以下方式临时解决:

  1. 使用条件编译针对iOS平台添加样式调整:
/* iOS平台单独处理 */
.placeholder-class {
    /* 添加垂直居中样式 */
}
回到顶部