Open
Description
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:
- Put the ng-slider in a div
- Rotate the div using css 90 deg
- The slider doesn't work, see issue
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
Metadata
Metadata
Assignees
Labels
No labels