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.

Sign up for GitHub

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

Jump to bottom

Touchable: odd touch target when using transform styles #894

Closed
starkyru opened this issue Apr 13, 2018 · 3 comments
Closed

Touchable: odd touch target when using transform styles #894

starkyru opened this issue Apr 13, 2018 · 3 comments
Milestone
0.10.0

Comments

@starkyru
Copy link

starkyru commented Apr 13, 2018 •
edited by necolas
Loading

Do you want to request a feature or report a bug?
Bug

What is the current behavior?
https://aboard-wildflower.glitch.me

  1. Everything works fine if Touchable or it's parent positioned absolutely.
  2. When a parent has transformed position in style - it becomes unhighlighted and fails to register click after mouse down and mouse movement after that.
  3. Same issue with an absolutely positioned child of Touchable.

What is the expected behavior?
Touchable registers all clicks.

Environment (include versions). Did this work in previous versions?
rn-web: 0.1.?, 0.5.1, 0.5.4 - same behavior.

  • OS: MacOS
  • Browser: Chrome, Safari
  • React Native for Web (version): 0.5.4
  • React (version): 0.16.2
@necolas
Copy link
Owner

necolas commented Apr 15, 2018

Your example looks like it has problems behaving as you're expecting in React Native too.

@necolas
Copy link
Owner

necolas commented Apr 18, 2018

I think this is because React Native's layout/measure doesn't account for transforms

@starkyru starkyru mentioned this issue May 7, 2018
Closed
@necolas necolas changed the title Touchable fails to register click after mouse move under some conditions. Touchable: odd touch target when using transform styles Jul 7, 2018
@necolas necolas added this to the 0.10.0 milestone Dec 31, 2018
@necolas
Copy link
Owner

necolas commented Dec 31, 2018

Closing as a duplicate of #1151

@necolas necolas closed this as completed Dec 31, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
0.10.0
Development

No branches or pull requests
2 participants
@necolas @starkyru