FlexBox wrapping & overflow issue only on iPad Pro (Landscape)

[HarlC]

Hey :D

First apologyze my English, I’m french,
I got an issue when displaying a grid of thumbnails using flexbox and wrapping on iPad Pro only… It displays well in inspector and all screens sizes I tried before.

Here’s the page : link..
Here’s a screenshot of how it looks on an Ipad Pro : link..

I want the height to fit the content, so I tried to set height:auto; but the content keeps overflowing…
Any idea ? :P

Thank you in advance !

[uxfed]

If you don’t want the items to wrap, on .fleximg you could set flex-wrap to no-wrap.

[HarlC]

Hello Uxfed, I want it to wrap.

[uxfed]

Hmm, I’m unable to replicate the problem in chrome or firefox at the ipad pro screen sizes but I don’t have an ipad to test on. I don’t see any styles that would be an issue.

I’m guessing you’re on Safari? Safari seems to be becoming the new IE.

[HarlC]

I just tried on chrome and Opera, same issue. But thank you for your feedback

[Author]

Posts