【报Bug】内置组件rich-text，点击后过了几百毫秒，会使输入框失去焦点。

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.65

手机系统： iOS

手机系统版本号： iOS 18

手机厂商：苹果

手机机型： iphone13

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<rich-text nodes="11111" @click="openInput" />
<input ref="inputRef" />

const inputRef = ref();

cons openInput = () => {
inputRef.value.focus();
}

操作步骤：

渲染一个rich-text组件和一个输入框组件，点击rich-text，手动置焦输入框。

预期结果：

点击rich-text，手动置焦后，输入框能够唤起键盘并保持。

实际结果：

点击rich-text，手动置焦后，输入框成功唤起了键盘，但在几百毫秒后会自动失焦。

bug描述：

目前在做评论区的需求，因为有些评论需要特殊处理，使用了内置的rich-text组件渲染，现在有个问题是，我希望点击富文本区域的时候，唤起键盘和输入框，但实际使用下来，rich-text虽然可以响应点击事件，但是在点击事件几百毫秒以后，会触发莫名的副作用，导致已经手动focus的输入框（input\textarea）失焦。

2025-05-29 11:53 负责人:无分享

0 个回复

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

【报Bug】内置组件rich-text，点击后过了几百毫秒，会使输入框失去焦点。

示例代码：

<rich-text nodes="11111" @click="openInput" />
<input ref="inputRef" />

const inputRef = ref();

cons openInput = () => {
inputRef.value.focus();
}

操作步骤：

渲染一个rich-text组件和一个输入框组件，点击rich-text，手动置焦输入框。

预期结果：

点击rich-text，手动置焦后，输入框能够唤起键盘并保持。

实际结果：

点击rich-text，手动置焦后，输入框成功唤起了键盘，但在几百毫秒后会自动失焦。

bug描述：

0 个回复

公告

相关问题

【报Bug】内置组件rich-text，点击后过了几百毫秒，会使输入框失去焦点。

示例代码： <rich-text nodes="11111" @click="openInput" /> <input ref="inputRef" /> const inputRef = ref(); cons openInput = () => { inputRef.value.focus(); }

操作步骤： 渲染一个rich-text组件和一个输入框组件，点击rich-text，手动置焦输入框。

预期结果： 点击rich-text，手动置焦后，输入框能够唤起键盘并保持。

实际结果： 点击rich-text，手动置焦后，输入框成功唤起了键盘，但在几百毫秒后会自动失焦。

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

<rich-text nodes="11111" @click="openInput" />
<input ref="inputRef" />

const inputRef = ref();

cons openInput = () => {
inputRef.value.focus();
}

操作步骤：

渲染一个rich-text组件和一个输入框组件，点击rich-text，手动置焦输入框。

预期结果：

点击rich-text，手动置焦后，输入框能够唤起键盘并保持。

实际结果：

点击rich-text，手动置焦后，输入框成功唤起了键盘，但在几百毫秒后会自动失焦。