v2.3.0 broke my carrousel

[MTulaimat]

images not loading

I just set a specific version and it worked v2.2.2

[desandro]

I'm sorry to see you're having trouble with Flickity. Could you provide a reduced test case or a live URL so I can take a look? See Submitting Issues in the contributing guidelines.

[ianhobbs]

Broke mine as well. I have fixed height settings. https://alanschacher.net/work2.php?s=performature-performateur-3

[desandro]

@ianhobbs Thanks for that. Looks like we need to set top: 0 now that Flickity uses transforms.

Can you try adding this code before you initialize Flickity?

let protoCreate = Flickity.Cell.prototype.create;
Flickity.Cell.prototype.create = function() {
  protoCreate.apply( this, arguments );
  this.element.style.top = 0;
};

[ianhobbs]

Thanks for your quick reply - will report on changes when they are in.

[ryancanzo]

Hi @desandro, I have a similar issue. Since v2.3.0, the inactive cells overlap into the viewport. The translateX value of the 'flickity-slider' element increments at irregular values such as 100.41%, 200.82% etc which is the cause of the gap.

I was unable to reproduce the issue in CodePen but you can see the live url here: https://architextures.org/pro. I would appreciate any suggestions you may have to remove these gaps and overlaps.

[alexbogias]

Same here

[desandro]

This issue has been quiet for a year. I'm closing for now.