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

Drag the handle by clicking anywhere in the component #404

Merged
merged 2 commits into from
Sep 27, 2019

Conversation

doatech
Copy link

@doatech doatech commented Sep 26, 2019

The core functionality does not allows users to click anywhere on the slider rail and also start the dragging process, which could be desirable from a UX standpoint.

I added a new prop dragOnClick and functionality which if set to true, should allow the user to start the dragging process (snaps the closes handle, even in range mode) if the user clicks the rail or the marks in the component.

Please feel free to comment on this PR regarding the naming and the added functionality.

@NightCatSama NightCatSama merged commit cd064c2 into NightCatSama:master Sep 27, 2019
@NightCatSama
Copy link
Owner

Thank you for your contribution🎉.

I modified the code to be compatible with the lazy and touch events.

Already released to version 3.0.41

@rohit-gh
Copy link

@doatech Thanks a lot.

@drag-end="updateValues"
:dragOnClick="true"

When these two combine together (event-handler and prop), it definitely handles all the drag, and touch events update from a UX perspective.

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.

None yet

3 participants