-
-
Notifications
You must be signed in to change notification settings - Fork 498
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 doesn't work properly when parent container is rotated #677
Comments
It's been a while since I worked on this library. However, if I recall correctly, mouse events are not taking any transformations into account. There was the same issue with using I think that something similar should be done for your use case. |
Thanks for your response. I did see the scale property solution when using |
This is because a new option would be required to tell the slider it is rotated so that the internal logic takes it into account. |
I don't mind if you provide a little direction on what needs to be done. Also, I just noticed I reported this issue in "angularjs-slider", should I move it to "ngx-slider" |
It depends which library you are using. If it's the Angular one, yes this is not the right issue board 🙂 |
Describe the bug
When the slider is embedded in a container (div) and the div is rotated 90 deg using CSS "transform: rotate(90deg);" the slider doesn't work. The behavior is broken, where it doesn't slide or move at all, and the labels are not aligned properly.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The slider is supposed to work as normal
Screenshots
CSS
.availability-edit-container {
-webkit-transform: rotate(90deg); /* Safari and Chrome /
-moz-transform: rotate(90deg); / Firefox /
-ms-transform: rotate(90deg); / IE 9 /
-o-transform: rotate(90deg); / Opera */
transform: rotate(90deg);
}
HTML
options are: draggableRange: true
The text was updated successfully, but these errors were encountered: