Closed adewalegeorge closed 1 year ago
Don't know what to see, but I have problem with Flickity in repeater. Some sliders work like this
The first image is ok but the second one is moved somehow.
So you can check the same behaviour here https://jsmerab.cz/horolezectvi/
And try these steps
I've found next thing. If you open the Inspector, you can change the size of the window about 1px only. Even this small change and it starts to work.
I've found next thing. If you open the Inspector, you can change the size of the window about 1px only. Even this small change and it starts to work.
The issue above is that the vertical alignment of the images/items is broken. There have been no effective changes in the implementation.
It used to be something like
and now..
As you can see the transform: translateX was added inline which overrides the one set in my stylesheet
As of Flickity v2.3.0, Flickity no longer sets left
but uses transforms instead. If you need to use transforms, I recommend setting the transform on an interior element within a cell, not the cell element itself.
Test case: https://codepen.io/desandro/pen/WzGgJY
This has been working without version changes but as you can see from the codepen example on this page https://flickity.metafizzy.co/options.html#adaptiveheight it appears broken. How can I go around this?
it used to return something like
left: 0%;
but now returnstransform: translateX(0%);
This issue cancels out all of my
transform
use cases when trying to vertically center the slider items / content.