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

Slider: Add onTouchStart to slider circle #745

Merged
merged 2 commits into from
Apr 3, 2020

Conversation

rperez89
Copy link
Contributor

@rperez89 rperez89 commented Apr 2, 2020

This PR closes #718

slider

@auto-assign auto-assign bot requested a review from bpierre April 2, 2020 16:47
@@ -205,7 +208,6 @@ const Bar = styled(animated.div)`
`

const HandleClip = styled.div`
pointer-events: none;
Copy link
Contributor

Choose a reason for hiding this comment

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

I think this change only should be enough? But a problem it introduces is that it makes the entire HandleClip area clickable (which is bigger than the slider + its padding).

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think this change only should be enough? But a problem it introduces is that it makes the entire HandleClip area clickable (which is bigger than the slider + its padding).

yeah, do you have some suggestion about how to tackle that?

Copy link
Contributor

Choose a reason for hiding this comment

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

I was checking and yes, I think there is a simple fix! We could leave the pointer-events: none here, but add pointer-events: auto on the actual handle (the animated.div), and that seems to be enough from my tests. Let me know if you see any issue with it!

Copy link
Contributor

@bpierre bpierre left a comment

Choose a reason for hiding this comment

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

🎉

@bpierre bpierre merged commit 9b9cac5 into aragon:master Apr 3, 2020
corydickson pushed a commit to corydickson/aragon-ui that referenced this pull request Apr 7, 2020
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.

Slider: Handle gets cut off at ends
2 participants