Streaming live at 10am (PST)

Safari FlexBox woes


#1

Hi there, I have a website which has a gallery using flexbox to center title text on hover. This all works fine on Chrome but of course on Safari it’s not playing ball. Before I resort back to the olde fashioned way of display:block, position absolute, etc… can anyone offer any tips/fixes to make this work better on Safari?
If you look at the published site: http://bespokebuild.webflow.io/ on Safari ,y
you will see the text sitting top right and not centering.
here is my webflow link

https://preview.webflow.com/preview/bespokebuild?preview=bb84fa5949bea872b73b82fc3b133174


#2

@Bammedia Which version of Safari are you testing? Is it 10 or 10.1?

There are a few Safari-related flexbox bugs listed here https://github.com/philipwalton/flexbugs but we should be able to get around them…


#3

Safari 10.1.1
Thanks for the link. I don’t see anything jumping out to me, but it’s a useful reference point at least.


#4

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