Skip to content

uniapp vue3组件textarea存在在输入期间失去焦点问题 #5909

@Ispers

Description

@Ispers

发行方式

H5

具体平台

IOS26.1中在Chrome以及Safari浏览器中

开发环境

macOS

项目创建方式

HBuilderX

Vue 版本

vue3

依赖版本

HBuilderX4.85(ARM)
"dependencies": {
"clipboard": "^2.0.11",
"dayjs": "^1.11.19",
"jsencrypt-miniprogram": "^0.3.0",
"pinia-plugin-unistorage": "^0.1.2",
"uview-plus": "^3.6.17"
},
"devDependencies": {
"@dcloudio/types": "3.4.8",
"@dcloudio/uni-app": "^2.0.2-4020420240722004",
"@dcloudio/uni-automator": "2.0.2-4020420240722004",
"@dcloudio/uni-cli-shared": "2.0.2-4020420240722004",
"@dcloudio/uni-stacktracey": "2.0.2-4020420240722004",
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-4010520240507001",
"@types/html5plus": "^1.0.5",
"@types/uni-app": "^1.4.8",
"pinia": "^2.2.4",
"sass": "^1.63.2",
"sass-loader": "^10.4.1",
"vue": "^3.5.12"
}

问题描述

表单使用textarea文本域组件,电脑开发预览期间没有任何问题,发行h5版本后,在手机上使用存在在输入期间光标不闪烁了,键盘也没有收起,频繁发生。

重现步骤

uniapp vue3 项目,表单中放置一个textarea组件,

<textarea class="u-border u-textarea--radius" v-model="text" placeholder="请输入详细信息" placeholder-style="color: rgb(192, 196, 204)" style="font-size: 26rpx; box-sizing: border-box; padding: 10rpx; border-radius: 10rpx; height: 200rpx;" /> 发行h5版在IOS26.1中在Chrome以及Safari浏览器中打开,点击文本域进行输入 ### 期望行为 在手机上使用正常输入一段文字 ### 实际行为 在手机上使用,在输入文字期间光标不闪烁了,键盘也没有收起,频繁发生。 ### 截图或录屏

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions