HarmonyOS Navigation组件入栈打开新页面web内容显示异常问题

代码如下：

入口页面Index

import { page1 } from '../test/page1'
import { page2 } from '../test/page2';

@Entry
@Component
struct Index {
  @Provide('navPathStack') navPathStack: NavPathStack = new NavPathStack();

  @Builder
  myRouter(name: string, param?: Object) {
    if (name === 'page1') {
      page1()
    } else if (name === 'page2') {
      page2()
    }
  }

  build() {
    Navigation(this.navPathStack) {
      Column() {
        Button('跳转page1')
          .onClick(() => {
            this.navPathStack.pushPathByName('page1', null)
          })
      }
      .alignItems(HorizontalAlign.Center)
      .justifyContent(FlexAlign.Center)
      .layoutWeight(1)
    }
    .hideTitleBar(false)
    .hideToolBar(true)
    .navDestination(this.myRouter)
  }
}

中间页面page1

import web_webview from '@ohos.web.webview'

@Component
export struct page1 {
  @Consume('navPathStack') navPathStack: NavPathStack

  build() {
    NavDestination() {
      Column() {
        Button('跳转page2')
          .onClick(() => {
            this.navPathStack.pushPathByName('page2', null)
          })
      }
      .alignItems(HorizontalAlign.Center)
      .justifyContent(FlexAlign.Center)
      .layoutWeight(1)
    }
    .hideTitleBar(false)
    .onReady((ctx: NavDestinationContext) => {
    })
  }
}

web页面page2

import web_webview from '@ohos.web.webview'

@Component
export struct page2 {
  controller: web_webview.WebviewController = new web_webview.WebviewController()

  build() {
    NavDestination() {
      Column() {
        Web({ src: 'xxx', controller: this.controller })
          .zIndex(1).width('100%').height('100%')
      }.height('100%').width('100%')
      .backgroundColor(Color.Gray)
    }
    .hideTitleBar(false)
    .onReady((ctx: NavDestinationContext) => {
    })
  }
}

启动app依次打开页面Index->page1->page2，此时web显示正常。返回page1后再次打开page2此时web显示异常，web顶端有部分页面消失、无法滚动显示、弹性滚动下拉可显示。