catchMove 使用在 HTML 标签上不生效

[trgoofi]

相关平台

微信小程序

小程序基础库: 3.0.2
使用框架: React

复现步骤

1. 使用 View 组件写一个遮照层 <View cacthMove className='mask'></View>。（catchMove 可以阻止滚动穿透）
2. 将 View 替换为 div。即为 <div cacthMove className='mask'></div> 。（catchMove 无效，可以滚动穿透）

期望结果

cacthMove 可以使用在 HTML 标签上

实际结果

cacthMove 使用在 HTML 标签时，无法阻止滚动穿透

环境信息

  Taro CLI 3.6.17 environment info:
    System:
      OS: macOS 12.7
      Shell: 5.8.1 - /bin/zsh
    Binaries:
      Node: 18.12.1 - ~/n/bin/node
      Yarn: 3.3.1 - ~/n/bin/yarn
      npm: 8.19.2 - ~/n/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.17 => 3.6.17 
      @tarojs/components: 3.6.17 => 3.6.17 
      @tarojs/helper: 3.6.17 => 3.6.17 
      @tarojs/plugin-framework-react: 3.6.17 => 3.6.17 
      @tarojs/plugin-html: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-alipay: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-h5: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-jd: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-qq: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-swan: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-tt: 3.6.17 => 3.6.17 
      @tarojs/plugin-platform-weapp: 3.6.17 => 3.6.17 
      @tarojs/plugin-react-devtools: 3.6.17 => 3.6.17 
      @tarojs/react: 3.6.17 => 3.6.17 
      @tarojs/router: 3.6.17 => 3.6.17 
      @tarojs/runtime: 3.6.17 => 3.6.17 
      @tarojs/shared: 3.6.17 => 3.6.17 
      @tarojs/taro: 3.6.17 => 3.6.17 
      @tarojs/taro-h5: 3.6.17 => 3.6.17 
      @tarojs/webpack5-runner: 3.6.17 => 3.6.17 
      babel-preset-taro: 3.6.17 => 3.6.17 
      eslint-config-taro: 3.6.17 => 3.6.17 
      react: 18.2.0 => 18.2.0 

---

补充信息

业务场景：使用 HTML 编写遮照层，弹出遮照层可以防止滚动底部内容。