7***@qq.com
7***@qq.com
  • 发布:2020-08-17 16:56
  • 更新:2020-08-17 16:56
  • 阅读:603

【报Bug】点击 在 position: fixed上的 使用了 autoheight 的 textarea 后, 复制板的 轻提示 无法在该textarea 光标上面

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.6

手机系统: iOS

手机系统版本号: iOS 13.4

手机厂商: 苹果

手机机型: iphone7plus , IOS13.6

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    <template>   
        <view class="text" @click="copyText" style="color: #0081FF">{{ msg }}</view>  
        <view class="wrap">  
            <textarea :auto-height="true">  
        </view>  
    </template>
    export default {  
        data() {  
            return {  
            msg: 'copycopycopycopycopycopycopycopycopycopycopycopycopycopy'  
            }  
        },  
        methods: {  
            copyText() {  
                const text = this.msg;  

                if (text) {  
                    uni.setClipboardData({  
                        data: text,  
                        success: (e) => {  
                            console.log('success', e);  
                        },  
                        fail: (err) => {  
                        console.log('fail',err);  
                        }  
                    });  
                }  
            }  
        }  
    }
    .wrap {  
        position: fixed;  
        bottom: 0;  
        left: 0;  
        width: 100%;  
        border: 2rpx solid red;  
        background: #D2F1F0;  

        textarea {  
            margin: 30rpx;  
        }  
    }

当前页面page.json

    {  
        "path" : "pages/test/test",  
        "style": {  
            "app-plus": {  
                "softinputMode": "adjustResize"  
            }  
        }  
    }

操作步骤:

如上述代码及配置

预期结果:

复制板的 轻提示 在该textarea 上方

实际结果:

复制板的 轻提示 无法在该textarea 上方,而是覆盖在最底部

bug描述:

复制后,点击 在 position: fixed上的 使用了 autoheight 的 textarea 后, 复制板的 轻提示 无法在该textarea 光标上面

2020-08-17 16:56 负责人:无 分享
已邀请:

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