【报Bug】UniApp 在打包成 H5 之后，input 和 textarea 总是在输入的过程中自动失焦

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.75

浏览器平台： Edge

浏览器版本： 139.0.3405.86

项目创建方式： HBuilderX

示例代码：

<input v-model="title" placeholder="请输入日记标题..." class="title-text" />  
<textarea v-model="content" maxlength="-1" placeholder="写下内容..." class="textarea" auto-height />

操作步骤：

添加上面代码示例

将其打包为H5，并放到服务端运行测试

预期结果：

正常输入不会失焦

实际结果：

输入过程中会经常失焦

bug描述：

使用上面两个组件（其他表单组件没有试），在使用HBuilderX打包成H5平台之后，在输入的过程中总是自动失去焦点，但直接在HBuilderX上运行时貌似没有这个问题。

2025-08-12 17:43 负责人:无分享

1 个回复

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

提供 vue 版本，提供一个在线示例，我测试一下

要回复问题请先登录或注册

【报Bug】UniApp 在打包成 H5 之后，input 和 textarea 总是在输入的过程中自动失焦

示例代码：

`<input v-model="title" placeholder="请输入日记标题..." class="title-text" /> <textarea v-model="content" maxlength="-1" placeholder="写下内容..." class="textarea" auto-height />`

操作步骤：

添加上面代码示例

将其打包为H5，并放到服务端运行测试

预期结果：

正常输入不会失焦

实际结果：

输入过程中会经常失焦

bug描述：

1 个回复

公告

相关问题

【报Bug】UniApp 在打包成 H5 之后，input 和 textarea 总是在输入的过程中自动失焦

示例代码： <input v-model="title" placeholder="请输入日记标题..." class="title-text" /> <textarea v-model="content" maxlength="-1" placeholder="写下内容..." class="textarea" auto-height />

操作步骤： 添加上面代码示例 将其打包为H5，并放到服务端运行测试

预期结果： 正常输入不会失焦

实际结果： 输入过程中会经常失焦

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<input v-model="title" placeholder="请输入日记标题..." class="title-text" /> <textarea v-model="content" maxlength="-1" placeholder="写下内容..." class="textarea" auto-height />`

操作步骤：

添加上面代码示例

将其打包为H5，并放到服务端运行测试

预期结果：

正常输入不会失焦

实际结果：

输入过程中会经常失焦