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

clickable: false still responds to clicks on label #422

Closed
dgaspar opened this issue Dec 6, 2019 · 3 comments
Closed

clickable: false still responds to clicks on label #422

dgaspar opened this issue Dec 6, 2019 · 3 comments
Labels

Comments

@dgaspar
Copy link

dgaspar commented Dec 6, 2019

In the example https://jsfiddle.net/6k3fo5dt/1/,
click handlers on progress are disabled, but not those on the mark labels.

Is that by design? Is there a way to disable them?
For my use case, the user should have to drag the dot.

@dgaspar dgaspar added the bug label Dec 6, 2019
@dgaspar dgaspar changed the title clickable: false still responds to clicks on marks clickable: false still responds to clicks on label Dec 6, 2019
@dgaspar
Copy link
Author

dgaspar commented Dec 6, 2019

As a workaround, I noticed that customizing the label slot made it stop listening to clicks:

<template v-slot:label="{ label, active }">
    <div :class="['vue-slider-mark-label', 'custom-label', { active }]">{{ label }}</div>
</template>

@NightCatSama
Copy link
Owner

Thanks for your feedback, fixed in version 3.0.45.

@dgaspar
Copy link
Author

dgaspar commented Dec 7, 2019

ok, I've updated it, removed the slot:label hack,
and now the labels are not responding to click anymore.
Thanks!

@dgaspar dgaspar closed this as completed Dec 7, 2019
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

2 participants