【报Bug】vue3环境下movable-area的高度设置bug，导致拖动范围错误

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.5.3

浏览器平台： Chrome

浏览器版本：最新

项目创建方式： HBuilderX

示例代码：

//template  
<movable-area class="marea">  
    <movable-view class="mview" direction="all">text</movable-view>  
</movable-area>

//style: 这样写会出bug，加上position：fixed能ok，但是放到swiper里又不行  
.marea {  
    width: 100%;  
    height: 100%;  
}

//style: 只有这样写才正常，放到swiper里也可以  
.marea {  
    width: 100%;  
    height: 500rpx;  
}

操作步骤：

1、hbuilderX最新新3.5.3版本
2、创建一个movable-area，其高度以父节点的高度100%为准（或者按flex布局）。
3、movable-view的direction设置为all

vue3环境下，如果不是在style中指定具体多少rpx，通过flex或者百分比简介计算的movable-area的高度，会导致movable-view在y轴只能无限向上拖动，而无法向下拖动。

2022-08-19 23:59 负责人:无分享

测试未复现该问题，请检查父容器高度是否为0

1***@qq.com (作者)

movable-area的父容器高度不为0

我这边每次都复现

就是说movable-area的高度必须是设定具体的px或者rpx，如果依照父容器高度100%，或者flex布局自动100% 都会出现movable-view不能往下拖动。

还有请在vue3 环境试

2022-08-24 23:21
DCloud_UNI_WZF

回复 1***@qq.com: 提供下测试工程吧，vue3 设置width:100%;height:100%;未复现

2022-08-25 14:32

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