相关平台

微信小程序

小程序基础库: iPhone7 IPhone8 真机测试
使用框架: Vue 3

复现步骤

1.使用canvas绘制一张画面，使高度超过屏幕高度
2.触摸绘制区域 滑动页面
3.真机出现无法滚动页面的情况，点击非绘制区域是可以滚动的
4.Bug示意图片地址： http://static-dev.maozui.net/test.png
5.Bug示意视频地址： http://static-dev.maozui.net/test.mp4
6.页面代码地址： http://static-dev.maozui.net/CreatePoster.vue.zip

期望结果

触摸绘制区域，可以正常滚动页面

实际结果

触摸绘制区域，无法滚动页面

环境信息

Taro v3.3.12

Taro CLI 3.3.12 environment info:
    System:
      OS: macOS 11.6
      Shell: 5.8 - /bin/zsh
    Binaries:
      Node: 16.13.0 - /usr/local/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 8.1.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.3.12 => 3.3.12 
      @tarojs/components: 3.3.12 => 3.3.12 
      @tarojs/mini-runner: 3.3.12 => 3.3.12 
      @tarojs/runtime: 3.3.12 => 3.3.12 
      @tarojs/taro: 3.3.12 => 3.3.12 
      @tarojs/webpack-runner: 3.3.12 => 3.3.12 
      babel-preset-taro: 3.3.12 => 3.3.12 
      eslint-config-taro: 3.3.12 => 3.3.12