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

Tab组件与listView组件组合使用后,在部分浏览器下无法上下滑动,怀疑是rc-gesture升级导致 #2589

Closed
1 task
amibug opened this issue May 28, 2018 · 6 comments
Assignees
Labels

Comments

@amibug
Copy link

amibug commented May 28, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.8

Environment

safari IOS 10.1

Reproduction link

https://mobile.ant.design/components/tab-bar-cn/#components-tab-bar-demo-listview-tabbar

Steps to reproduce

antd-mobile依赖版本为2.1.8, 在一个需求迭代后,线上重新npm install之后发现tab panel容器中无法上下滑动。
本地重新npm install后重现问题,发现rc-gesture版本最近有升级,目前是0.0.18. 切回0.0.15版本之后就没有问题

What is expected?

tab panel容器中无法上下滑动

What is actually happening?

tab panel容器中可以上下滑动。

@ant-design-bot
Copy link

Translation of this issue:


After the Tab component is combined with the listView component, it cannot be swiped up or down under some browsers. It is suspected that the rc-gesture upgrade will cause

  • [] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.1.8

Environment

Safari IOS 10.1

Reproduction link

[https://mobile.ant.design/components/tab-bar-cn/#components-tab-bar-demo-listview-tabbar] (https://mobile.ant.design/components/tab-bar-en /#components-tab-bar-demo-listview-tabbar)

Steps to reproduce

The antd-mobile dependency version is 2.1.8. After an iteration of the requirement, the online re-npm install finds that the tab panel container cannot slide up and down.
Local re-npm install to reproduce the problem, found that the rc-gesture version has recently been upgraded, is currently 0.0.18. After switching back to the 0.0.15 version there is no problem

What is expected?

Tab panel container cannot slide up and down

What is actually happening?

The tab panel container can slide up and down.

@warmhug
Copy link
Contributor

warmhug commented May 30, 2018

部分浏览器下

具体是指哪一部分,哪些浏览器没问题?

@quentinyang
Copy link
Contributor

@amibug 刚试了本地和线上demo,这个是可用的。能否具体一下哪个及其或者浏览器不能用?可以帮助我们快速重现。
谢谢。

@amibug
Copy link
Author

amibug commented May 30, 2018

@quentinyang iPhone 6s safari、 华为P20 自带浏览器、 iPhone X UC浏览器

@quentinyang
Copy link
Contributor

rc-gesture已经做了回滚,去掉了preventDefault的处理,发布了v0.0.19版本。你们业务可以再验证下。
谢谢你的反馈。

quentinyang added a commit to react-component/swipeout that referenced this issue Jun 4, 2018
As rc-gesture revert preventDefault in v0.0.19 for tabs+listview issue (ant-design/ant-design-mobile#2589).
So, [email protected] fixed this issue by exposing the `event` as a property of Gesture object, and the Gesture object will be passed as the first parameter when invoked panMove event callback.
Then, `rc-swipeout` invokes `event.preventDefault()` to prevent scroll event when pan moving.
quentinyang added a commit to react-component/swipeout that referenced this issue Jun 4, 2018
As rc-gesture revert preventDefault in v0.0.19 for tabs+listview issue (ant-design/ant-design-mobile#2589).
Then, [email protected] fixed this issue by exposing the `event` as a property of Gesture object, and the Gesture object will be passed as the first parameter when invoked panMove event callback.
So, `rc-swipeout` invokes `event.preventDefault()` to prevent scroll event when pan moving.
ziluo pushed a commit to react-component/swipeout that referenced this issue Jun 6, 2018
* fix: ant-design/ant-design-mobile#1954
As rc-gesture revert preventDefault in v0.0.19 for tabs+listview issue (ant-design/ant-design-mobile#2589).
Then, [email protected] fixed this issue by exposing the `event` as a property of Gesture object, and the Gesture object will be passed as the first parameter when invoked panMove event callback.
So, `rc-swipeout` invokes `event.preventDefault()` to prevent scroll event when pan moving.

* change version to 2.0.6
@JR0613
Copy link

JR0613 commented Sep 11, 2020

Tabs组件与listView组件组合使用后,在苹果手机上下来之后往上滑动,tab会被卡住,呗listview遮挡

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

No branches or pull requests

5 participants