HarmonyOS 下层点击事件被上层组件阻挡该如何解决？

import { promptAction } from '@kit.ArkUI';  
@Entry  
@Component  
struct Index {  
  @State message: string = 'Hello World';  
  
  build() {  
    Row() {  
      Column() {  
        TextArea({ text: "124" })  
          .fontSize(50)  
          .textAlign(TextAlign.End)  
          .align(Alignment.BottomEnd)  
          .groupDefaultFocus(true)  
          .focusable(false)  
          .selectionMenuHidden(true)  
          .width('100%')  
          .height('100%')  
      }.backgroundColor("#ff0000")  
      .height('50%')  
      .width('50%')  
      .hitTestBehavior(HitTestMode.Block)  
      .gesture(LongPressGesture().onAction(async (event: GestureEvent) => {  
        if (event) {  
          promptAction.showToast({  
            message: 'Message Info',  
            duration: 2000  
          });  
        }  
      })  
      )  
    }  
    .width('100%')  
    .alignItems(VerticalAlign.Center)  
    .justifyContent(FlexAlign.Center)  
    .height('100%')  
    .width("100%")  
  }  
}

@Component  
struct OverlayNode {  
  build() {  
    Column() {  
      Text('蒙层')  
        .onClick(()=>{  
          console.log('test 1111111')  
        })  
    }  
    .width('100%')  
    .height('100%')  
    .alignItems(HorizontalAlign.Center)  
    .backgroundColor(Color.Gray)  
    .opacity(.4)  
    .hitTestBehavior(HitTestMode.Transparent)  
  }  
}  
  
@Entry  
@Component  
struct OverlayExample {  
  build() {  
    Stack(){  
      Column() {  
        Text('111111222222')  
      }  
      .onClick(()=>{  
        console.log('test chufachuafa')  
      })  
      .justifyContent(FlexAlign.Center)  
      .backgroundColor(Color.Red)  
      .width('100%')  
      .height('100%')  
      OverlayNode()  
    }.width('100%')  
    .border({ color: Color.Black, width: 2 }).padding(20)  
  }  
}