Problema con flex-box en Safari

[liranan]

Buenas tardes.

Mi problema es el siguiente: Tengo una web basada en gran parte en módulos de display 'flex'.

En Chrome, Firefox y Edge se ve perfectamente, ningún problema. Sin embargo, en Safari los elementos se apilan como si fueran divs sin ningún display aplicado.

He buscado bastante en internet y veo que es un problema común, sin embargo, me cuesta encontrar una solución que se aplique a mi caso.

En principio había escrito el código a mano pero visto que lo recomendaban por ahí bajé Autoprefix para Sublime Text, y la verdad que eso me ayudó a estabilizarlo en Firefox y Edge, pero no en Safari que sigue exactamente igual.

Pongo un ejemplo de código:

Código CSS:

#container > section{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    -webkit-flex-direction: row;    
        -ms-flex-direction: row;    
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    position: relative;
}
 

Esto genera unos bloques ordenados horizontalmente en todos los navegadores menos Safari, que los apila unos encima de otros.

Muchas gracias por vuestra ayuda

[liranan]

Bueno, al final conseguí solucionar esto por mi cuenta, así que dejo la respuesta por si alguien en el futuro tiene el mismo problema:

Código CSS:

#container > section{
    display: -webkit-box; /* Safari */
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;   
    -webkit-flex-direction: row;    
    -ms-flex-direction: row;    
    flex-direction: row;
    -webkit-box-pack: justify; /* Safari */
        -webkit-flex-pack: justify;
        justify-content: space-around;
    position: relative;
}
 

Las etiquetas que tienen el comentario son las que hacen que la cosa funcione en Safari. El efecto no es exactamente el mismo porque no es igual 'space-around' que 'justify' en cuanto a la distribución de los contenidos, pero por lo que he podido averiguar no existe una equivalencia exacta.