85年的妇炎洁
85年的妇炎洁
  • 发布:2022-12-05 16:36
  • 更新:2022-12-05 16:49
  • 阅读:378

【报Bug】textarea不能通过点击其他区域失去焦点

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

手机系统: 全部

手机厂商: 华为

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

iphone 8,红米K40

示例代码:

<template>
<view>
<uni-popup ref="popup">
<view class="" style="height:500rpx;width:500rpx">
<view style="background-color:#FFFFFF">好好好</view>
<view style="background-color:#FFFFFF">好好好</view>
<textarea style="background-color:red"></textarea>
</view>
</uni-popup>
</view>
</template>

<script>
export default {
mounted() {
this.$refs.popup.open()
}
}
</script>
<style></style>

操作步骤:

打开弹窗后点击输入框,再点击弹窗的其他内容后,输入框焦点没有消失

预期结果:

点击弹窗的其他内容后,输入框焦点消失

实际结果:

点击弹窗的其他内容后,输入框焦点没有消失

bug描述:

nvue页面中的popup弹窗里的textarea不能通过点击弹窗内的其他内容失去焦点,只能通过点击遮罩层失去焦点

2022-12-05 16:36 负责人:无 分享
已邀请:
85年的妇炎洁

85年的妇炎洁 (作者)

<template>  
    <view>  
        <uni-popup ref="popup">  
            <view style="height:500rpx;width:500rpx;background-color: white;">  
                <view>好好好</view>  
                <view>好好好</view>  
                <textarea style="background-color: red;"></textarea>  
            </view>  
        </uni-popup>  
    </view>  
</template>  
<script>  
    export default {  
        mounted() {  
            this.$refs.popup.open()  
        }  
    }  
</script>  
<style></style>
85年的妇炎洁

85年的妇炎洁 (作者)

好像实际上不管是不是弹窗里点击其他地方都不会失去焦点,用:focus 也没用

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