HarmonyOS 自定义弹框遮罩透传问题

在A页面（A页面铺满全屏）弹出一个CustomDialog B（B里面的组件的高度为100，且在屏幕最下方。则其他区域为Mask区域，Mask区域可点击）。

示例代码如下：

@CustomDialog
export struct MyDialog1 {
  controller1: CustomDialogController
  title: string = ''

  build() {
    Row() {
      Column({ space: 10 }) {
        Text(this.title)
          .fontSize(25)
          .fontColor(Color.Blue)
        Flex({ justifyContent: FlexAlign.SpaceAround }) {
          Button('取消')
            .onClick(() => {
              this.controller1.close()
            }).backgroundColor(0xffffff).fontColor(Color.Black)
          Button('确认')
            .onClick(() => {
              this.controller1.close()
            }).backgroundColor(0xffffff).fontColor(Color.Black)
        }.width("100%")
      }.width("100%")
    }.height(100)
  }
}

// main页面
@Entry
@Component
struct Index {
  @State dialogData: string = ''
  @State colorTest: Color = Color.Blue
  dialogController1: CustomDialogController = new CustomDialogController({
    builder: MyDialog1({
      title: '弹窗1',
    }),
    // 弹窗容器样式是否自定义
    customStyle: false,
    // offset: {dx: 0, dy: 0},
    // 是否允许点击遮障层退出
    autoCancel: false,
    // 弹窗遮蔽层区域，在遮蔽层区域内的事件不透传，在遮蔽层区域外的事件透传
    maskRect: ({
      x: 0,
      y: 667,
      width: '100%',
      height: 100
    }),
    // 自定义蒙层颜色
    // maskColor: (Color.Yellow)
  })

  confirm(data: string) {
    this.dialogData = data
    console.info(`recv dialog data: ${data}`) // 获取弹窗输入的信息
  }

  // 在自定义组件即将析构销毁时将dialogController置空
  aboutToDisappear() {
    // 将dialogController置空
    // this.dialogController1 = null
  }

  build() {
    Row() {
      Column({ space: 10 }) {
        Text(`这是一个弹窗的测试`)
          .fontSize(25).margin(20).fontColor(0x3399FF)
        Button('点击打开弹窗')
          .onClick(() => {
            this.dialogController1.open()
          })
        Button('点击改变颜色，不影响弹窗')
          .onClick(() => {
            this.colorTest = this.colorTest == Color.Blue ? Color.Yellow : Color.Blue
          })
          .backgroundColor(this.colorTest)
      }.width("100%")
    }.height("100%").backgroundColor(Color.Pink)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.