dot edge aligned with rail edge
bogdan1190 opened this issue · 5 comments
Hi,
I am trying to align the dot edge with the rail edge and I can't figure it out. Is this possible?
The contained prop does not help me in this case, because it makes the rail smaller.
Current implementation (Dot center is aligned with rail edge)
What I want to do (Dot is aligned with rail when dot is at the edge of the rail.)
Can I align the rail edge to match the dot edge instead?
Thank you
Is that the prop you need?
https://nightcatsama.github.io/vue-slider-component/#/basics/simple?hash=contained
No not really, I tried it, problem is when contained is set to true. you have a smaller rail. I would like to have the same rail width and the dot edge (not center) to be aligned with the end of the rail. if you have a bigger dot like in the pictures above, the issues is that the dot is not contained because you can slide up until the center of it. so you get this:
what I want is this:
where the dot edge align with the rail it should be value 0.
Hi, again :) I made a more descriptive example of what I am trying to achive.
see jsFiddle here : https://jsfiddle.net/v0uxkz8w/6/
Please let me know if I can do something about this.
Thanks for the support and the slider. Have a great week!
@bogdan1190 Version 3.2.6 fixed a bug where the mouse and slider positions were out of sync when contained=true.
Sorry, this feature still needs to be implemented by hacking. I've written a simple example:
Thank you, this works perfectly