flickity fullscreen carousel cell image overlap

Is the only solution to prevent carousel cell images overlapping when browser window width is decreased, to use media queries to change the carousel cell height? Or is there another solution I am not aware of?

Thanks in advance.

Test case: https://codepen.io/radleycook/pen/robZQm

Jan 16 '19 22:01 radleycook

Image below demonstrates how carousel cell images overlap... screenshot 2019-01-16 at 22 40 53

Jan 16 '19 23:01 radleycook

Thanks for reporting this issue. Can you elaborate on what you have to do to see overlapping images? What browser is this in?

Jan 17 '19 15:01 desandro

If you look at my code pen example and reduce the width of the browser window whilst viewing any of the carousel cell images slides apart from the first and the last one. This is occurring for me in Safari and Chrome.

Jan 17 '19 16:01 radleycook

Thanks for clarifying. Looks like this bug doesn't happen in Firefox. I have to look into more resilient CSS to resolve this.

Jan 17 '19 17:01 desandro

No worries. Ok, I'll look forward to hearing your response to the issue.

Jan 17 '19 18:01 radleycook

I have the same issue

alt text

I think it's related to #691, at least in my case. I use imagesLoaded: true

Jul 13 '21 08:07 EldinZaimovic