勇哥萌萌哒
勇哥萌萌哒
  • 发布:2023-06-19 18:19
  • 更新:2023-06-20 09:08
  • 阅读:127

【报Bug】scroll-view视图组件的一个bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.8.5

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: iphone12mini

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<u-popup  
      v-if="searchColumns && searchColumns.length"  
      :safeAreaInsetTop="true"  
      :safeAreaInsetBottom="true"  
      :round="12"  
      :show="show"  
      @close="show = false"  
      mode="right"  
      @open="handleOpen"  
      customStyle="width: 80vw"  
   >  
<scroll-view  
          scroll-y  
          :style="{  
            height: 2000+ 'px',  
            overflowY: 'auto'  
          }"  
  >  
   <u-popup :show="true" mode="bottom">  
      <view style="width:100%;height:500px;">childPop</view>  
   </u-popup>  
</scrool-view>  
</u-popup>

操作步骤:

这个应该跟使用的组件没多大关系,
按照上面的代码,就能复现,它裁剪了内部的弹出层,内部的弹出层是一个fixed定位,照理来说,不应该被裁剪

预期结果:

期望不裁剪内部具有fixed定位的元素

实际结果:

https://mp-228a45fe-ee2c-4b41-a0e7-8a9809aeaf23.cdn.bspapp.com/cloudstorage/8dcbc087492c97e39d12e34a5452994.jpg

bug描述:

scroll-view组件,在ios上,只要触发滑动,就会出现下图的bug

scroll-view裁剪掉了内部应该全局显示的弹出层

2023-06-19 18:19 负责人:无 分享
已邀请:
勇哥萌萌哒

勇哥萌萌哒 (作者)

把scroll-view改成普通的view,然后用 overflowY:auto来模拟scroll-view,在ios上就是正常的
用了这个scroll-view,反而不正常了,所以过来报了个bug

要回复问题请先登录注册