传播星球

发布：2023-12-08 15:57
更新：2023-12-08 19:47
阅读：758

【报Bug】textarea光标位置为什么在内容的前面

分类：uni-app

bug反馈 textarea

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型： Alpha

HBuilderX版本号： 3.8.12

手机系统： iOS

手机系统版本号： iOS 15

手机厂商：苹果

手机机型：苹果11

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<textarea @blur="poo" :focus="focus" v-if="isshow" ></textarea>

操作步骤：

textarea 先是隐藏不展示，然后点击按钮显示textarea 并且触发焦点

预期结果：

跟安卓一样，光标在内容后面

实际结果：

光变在内容前面

bug描述：

逻辑是 textarea 开始是隐藏起来，点击按钮显示出来并且动态触发焦点focus，如果里面有内容的话，触发焦点后光标在内容的前面，目前ios有这个问题，安卓没有，效果看附件

textartbug.zip

2023-12-08 15:57 负责人:无分享

3 个回复

传播星球 (作者)

11111

2023-12-08 16:24 分享

传播星球 (作者)

没人管吗

2023-12-08 17:56 分享

[已删除]

ios 复现了此问题，我看看怎么做个兼容。我用 sectionEnd 没成功，用暂存器实现了，你可以试一试

onClick() {  
console.log(3)  
this.textShow = !this.textShow  
if (this.textShow) {  
    this.strFocus = true  

    let temp = this.str  
    this.str = ''  

    // 光标强制移动到最后  
    this.$nextTick(() => {  
        this.str = temp  
        this.$refs.textarea.focus()  
    })  
}

2023-12-08 19:47 分享

传播星球 (作者)

什么时候可以修复这个问题

2023-12-11 08:44
[已删除]

回复传播星球: 这是某个平台的特性，不是 api 或者组件的问题，目前考虑加入文档中做用户提示。是否在 uniapp 层面做处理，还需要评估，不确定对历史用户影响面有多大，不用的用户兼容方式不同

2023-12-11 10:36

该问题目前已经被锁定, 无法添加新回复

【报Bug】textarea光标位置为什么在内容的前面

示例代码：

<textarea @blur="poo" :focus="focus" v-if="isshow" ></textarea>

操作步骤：

textarea 先是隐藏不展示，然后点击按钮显示textarea 并且触发焦点

预期结果：

跟安卓一样，光标在内容后面

实际结果：

光变在内容前面

bug描述：

3 个回复

公告

相关问题

【报Bug】textarea光标位置为什么在内容的前面

示例代码： <textarea @blur="poo" :focus="focus" v-if="isshow" ></textarea>

操作步骤： textarea 先是隐藏不展示，然后点击按钮显示textarea 并且触发焦点

预期结果： 跟安卓一样，光标在内容后面

实际结果： 光变在内容前面

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

<textarea @blur="poo" :focus="focus" v-if="isshow" ></textarea>

操作步骤：

textarea 先是隐藏不展示，然后点击按钮显示textarea 并且触发焦点

预期结果：

跟安卓一样，光标在内容后面

实际结果：

光变在内容前面