Streaming live at 10am (PST)

Problem with flexbox in Safari


#1

We are using dynamic list which is inside of flex box. It looks like this:

But in Safari it looks like this:

That is after changing width in % to vw. It seems that Safari completely ignores the flex box.

Preview link: https://preview.webflow.com/preview/avokada?preview=889910aba7f4ac57d10f5ecc7ff9767c
Site link: http://avokada.webflow.io/

We are using this template: http://writetemplate.webflow.io/

Which works the way it should in Safari.

Is there any way to make this work?


Here is my public share link: LINK
(how to access public share link)


#2

Hi @Vydrysek

When it comes to Safari and flexbox, there is a known bug. Look at the bottom of this page:
caniuse.com/#search=flex

As a workaround, try adding height (or min-height) measurements to your elements.

hope this helps :slight_smile:


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.