Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: h5环境previewImage左右滑动时触发浏览器前进、后退 #5107

Merged
merged 1 commit into from
Dec 26, 2019

Conversation

iChengbo
Copy link
Collaborator

这个 PR 做了什么? (简要描述所做更改)
场景:H5 环境下,使用 Taro.previewImage() 进行图片预览时,左右滑动会触发浏览器前进、后退功能,譬如当滑动到第一页时,继续右滑会导致浏览器返回上一页。常发生于 UC浏览器 及 Android自带浏览器(如OPPO的ColorOS等)。

修复:首先通过给预览图片容器 WrapViewr 添加 css 样式 touch-action: none; 禁止浏览的触摸交互功能,此方法亦可消除 chrom使用preventDefault时报错,此时可消除左右滑动时导致的浏览器返回问题。另,实测此方法在UC浏览器IOS版不能达到预期效果,此时需在ImageContainer中的处理touch相关事件时开启preventDefaultstopPropagation 方法阻止事件的传递。

这个 PR 是什么类型? (至少选择一个)

  • 错误修复(Bugfix) issue id #
  • 新功能(Feature)
  • 代码重构(Refactor)
  • TypeScript 类型定义修改(Typings)
  • 文档修改(Docs)
  • 代码风格更新(Code style update)
  • 其他,请描述(Other, please describe):

这个 PR 满足以下需求:

  • 提交到 master 分支
  • Commit 信息遵循 Angular Style Commit Message Conventions
  • 所有测试用例已经通过
  • 代码遵循相关包中的 .eslintrc, .tslintrc, .stylelintrc 所规定的规范
  • 在本地测试可用,不会影响到其它功能

这个 PR 涉及以下平台:

  • 微信小程序
  • 支付宝小程序
  • 百度小程序
  • 头条小程序
  • QQ 轻应用
  • 快应用平台(QuickApp)
  • Web 平台(H5)
  • 移动端(React-Native)

其它需要 Reviewer 或社区知晓的内容:

Copy link
Contributor

@Littly Littly left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

功能没有问题 不过从master拉出来的分支,合并的分支依然选择master吧

@iChengbo iChengbo changed the base branch from 2.x to master December 25, 2019 02:00
@iChengbo iChengbo requested a review from Littly December 25, 2019 05:19
Copy link
Contributor

@Littly Littly left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

感谢贡献~

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants