search

yaodingyd / react-flickity-component

A React.js component for using @desandro's Flickity
314 stars 51 forks source link

Flickity on Firefox not working #75

Closed niklasp closed 4 years ago

niklasp commented 5 years ago

On Firefox 68.0.2 Flickity is only loading images after the browser window is resized. Tested locally and in the official sandbox https://codesandbox.io/s/qlz12m4oj6. Can anyone confirm? How would I manually trigger a resize Event once the images or the slider is loaded?

Kapture 2019-08-17 at 16 03 42

jbsmith731 commented 5 years ago

For what it's worth I use a psuedo element with padding bottom. Then absolute position the picture inside of it. https://css-tricks.com/aspect-ratio-boxes/

niklasp commented 5 years ago

i dont know the aspect ratio before. all images are different. is there no other solution?

yaodingyd commented 5 years ago

Verified. investigating...

yaodingyd commented 5 years ago

For the time being you can use static to wait for image loaded to resize your carousel

niklasp commented 5 years ago

static prop also not working for me.

theolampert commented 4 years ago

@niklasp please check the latest version (3.4.0), I believe @yaodingyd has fixed this.