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

在Android浏览器,List.Item,Button组件的onClick事件传递到下一界面,导致自动触发点击事件 #937

Closed
MotorFu opened this issue Mar 4, 2017 · 18 comments
Assignees
Labels

Comments

@MotorFu
Copy link

MotorFu commented Mar 4, 2017

版本:1.0.x版本
设备:android浏览器

问题:在List.Item,Button组件上的onClick事件传递到下一级相同位置的按钮,
导致下一级页面按钮触发点击事件。

demo:https://codepen.io/motorfu/pen/gmrZNJ

@paranoidjk
Copy link
Contributor

加下 fastclick 试试?
关联以下
#720
#924

@MotorFu
Copy link
Author

MotorFu commented Mar 4, 2017

demo 中已经加了,难道添加的方法错了????

@paranoidjk paranoidjk added the bug label Mar 4, 2017
@paranoidjk
Copy link
Contributor

@pingan1927 @warmhug @iyutao @silentcloud
对使用了rc-touchable相关的组件,Fastclick没生效,touch事件还是点击穿透到下一个页面了。
有解决经验吗?

@paranoidjk paranoidjk self-assigned this Mar 4, 2017
@MotorFu
Copy link
Author

MotorFu commented Mar 4, 2017

我目前使用的解决方法是使用setTimeout,避免穿透

@MotorFu
Copy link
Author

MotorFu commented Mar 4, 2017

我在Demo中补充了
demo:https://codepen.io/motorfu/pen/gmrZNJ

@warmhug
Copy link
Contributor

warmhug commented Mar 6, 2017

@paranoidjk 还是这里的问题

,不加这个是好的,上次那么改还是有问题的。

@warmhug
Copy link
Contributor

warmhug commented Mar 6, 2017

@MotorFu 你这个 demo 挺不错,我加入到官方 sample 里去,感谢

@paranoidjk
Copy link
Contributor

@warmhug 上次是为了改这个disable的问题#795

正常情况理解,Fastclick加进来之后,300ms的延迟应该就没有,那么这个点击穿透到下个页面应该就不存在,所以可能还是rc-touchable的实现有些不同,还没来得及细看

@paranoidjk
Copy link
Contributor

还可以关联这个 #845

@jinchaoxiang
Copy link

请问楼主是怎么解决问题的
我现在也有这个问题 部分ios用户点击picker就关闭
安卓是点击picker的确定按钮后自动聚焦上次点击过的input
react-15.3 antd-mobile 1.0.0

@MotorFu
Copy link
Author

MotorFu commented Mar 7, 2017

@jinchaoxiang 在native上使用antd-mobile,不清楚

@paranoidjk
Copy link
Contributor

@yiminghe 看下这个问题,rc-touchable在切换页面的时候会有点击穿透,现象是这样的:

  • 两个页面相同位置有A,B两个rc-rouchable元素, 点击上层页面的A,router change,切换到下层页面
  • A的onPress会触发,这是正常的,是touchend
  • 但B的onPress也会触发,是mouseup
  • 加不加FastClick都是一样

@paranoidjk
Copy link
Contributor

@yiminghe 这是 demo, 在Android手机上可以复现

@yiminghe
Copy link
Contributor

yiminghe commented Mar 7, 2017

你之前改的回退,onClick 加到 a 上而不是 touchable 上,

@paranoidjk
Copy link
Contributor

@yiminghe这个 需要修复下?

@yiminghe
Copy link
Contributor

yiminghe commented Mar 7, 2017

提 pr 到 touchable 修复

@paranoidjk
Copy link
Contributor

@MotorFu

please try [email protected], it should be fixed, if still have problem, just reopen

@MotorFu
Copy link
Author

MotorFu commented Mar 7, 2017

感谢!!!!!

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