Closed AAverin closed 3 years ago
Yes, you can set the animate
option to false
to disable animations, and disable the transition in CSS.
https://refreshless.com/nouislider/slider-options/#section-animate
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: none;
transition: none;
}
Just to make it clear, no css transitions are supported at all. I saw there was a style that was transitioning away
noUI-origin: {
transform: translate( -1000%,0px);
}
This will also not work. Setting animate doesn't remove this part of styling.
Transforms and transitions aren't the same thing, and only transitions are listed in the documentation you've linked. If transforms are also unsupported, I'm afraid you are out of luck, as noUiSlider uses those to position its handles.
It says CSS transitions and animations are not supported.
But not transforms
.
I will experiment around it, but so far handles do not show up.
yep, transform is not in the list of support css properties https://www.adobe.io/photoshop/uxp/uxp/reference-css/Styles/ Guess I will have to build something custom then using tools available
Ok, good luck.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
I am running my code in an environment that doesn't support css transitions and animations (sic!) - https://www.adobe.io/photoshop/uxp/uxp/known-issues/ Is it technically possible to run noUiSlider without them?