Splidejs
use transform: scale width error
Checks
- [X] Not a duplicate.
- [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions
Version
0.6.12
Description
Reproduction Link
No response
Steps to Reproduce
use style='transform: scale(0.66094, 0.66094) translate(-50%, `-50%);' Uneven width in automatic movement
Expected Behaviour
width orderly
I also ran into this issue, can confirm.
My use case: I have a component that contains a Splide carousel. On the parent, I need to apply "transform: scale(x)" (where 'x' is dynamically calculated via JS) to that component.
This results in weird scrolling/slide transition behavior. The issue isn't present when not using the "transform: scale(x)" rule, or when 'x' == 1.
I have attached two recordings "unscaled.gif" is how I expect the carousel to look, and "scaled.gif" is how it looks with the mentioned CSS rule applied.
@Mr-Hu-96 , did you manage to find a workaround for this issue? If so, could you please share it?
