Flexbox property breaks if the element isn't set visible for all breakpoints

[vincent (Vincent Bidaux)]

This element has a flex property to center its content vertically.

I stops woorking if the element is set for invisible on any other breakpoint.

http://vincent.polenordstudio.fr/snap/slack-imgs.com.gif

[PixelGeek (Nelson)]

Can you provide a read-only link? I’m not able to reproduce that issue.

[vincent (Vincent Bidaux)]

Sure Nelson, here it is? It’s on the very last page:

https://preview.webflow.com/preview/sab?preview=42fe664f1df0d6001bb84af6ed30f69f

You’re trying to see the bug on Desktop but it never bugs o Desktop.

But do the same while on any device and you’ll see it happen.

[cyberdave (Dave S.)]

Hi @vincent, I have been trying to reproduce this, but have been unable to do so, is the issue still happening on your end?

[vincent (Vincent Bidaux)]

Yes Dave. And I can reproduce it on any project. Here’s a demo from a new site:

https://v.usetapes.com/D5dOMGM6W2

[vincent (Vincent Bidaux)]

So this happens in Chrome up to date as well as Chrome Incog. mode.
It happens in Canary too + Canary incog.
Happens in Safari up to date too.

[cyberdave (Dave S.)]

Thanks @vincent, I am continuing to check this. Very strange but we’ll get to the bottom of it. Thanks for all the info.