uniapp vue2版本ios26中H5的兼容问题

[shiminJ]

发行方式

None

具体平台

系统版本：IOS 26.0
手机型号：任意苹果手机

开发环境

None

项目创建方式

CLI命令行

依赖版本

"@dcloudio/uni-h5": "^2.0.1-36420220922001"

问题描述

使用unicli搭建的项目，ios26版本中会出现scroll-view中内容不显示的问题，切后台在返回又显示。

7551680193099081232.MP4

重现步骤

<template>
  <view class="page">
    <scroll-view scroll-y class="scroller">
      <view v-if="isShow">
        <view class="box"></view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isShow: false
    }
  },
  mounted() {
    setTimeout(() => {
      this.isShow = true
    }, 800)
  },
}
</script>

<style lang="scss" scoped>
.page {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.scroller {
  flex: 1;
  height: 0;
  overflow-y: scroll;
}

.box {
  width: 100%;
  height: 200px;
  background-color: #f00;
}
</style>

期望行为

No response

实际行为

No response

截图或录屏

No response

[shiminJ]

真机调试时发现scroll-view的下一层没有高度 把height：0去掉 或者改成min-heght:0 或者去掉overflow-y:scroll 或者去掉v-if 页面就正常

[Otto-J]

.scroller > .uni-scroll-view > .uni-scroll-view{ overflow: unset }

添加下这个 css 试一下。怀疑是 safari 的 css 有 bug，先测试是否正常使用。

[shiminJ]

.scroller > .uni-scroll-view > .uni-scroll-view{ overflow: unset }

添加下这个 css 试一下。怀疑是 safari 的 css 有 bug，先测试是否正常使用。

不只是safari 我使用在app的webview里面的

[tanranran]

+1

[Otto-J]

按照我提供的兼容代码测试一下是否正常了。目前是 Safari 出现的 bug，代码无改动，app-ios 使用的也是 Safari 提供的渲染引擎，问题是同一个。

[shiminJ]

按照我提供的兼容代码测试一下是否正常了。目前是 Safari 出现的 bug，代码无改动，app-ios 使用的也是 Safari 提供的渲染引擎，问题是同一个。

试了下 不管用