Di: Simone Rescio

Simone Rescio — Fri, 23 Sep 2016 13:06:14 +0000

Ciao Luca,
grazie per la segnalazione, ho fatto delle prove e in effetti Safari 10 tratta diversamente due aspetti del CSS:

.outWrap: l’elemento interno non necessità più di essere in position:static ma richiede relative come in tutti gli altri browser, ho aggiunto una regola che annulla solo su fari questo ovveride fatto a livello generale per webkit sopratutto per i device Android, potrebbe essere migliorato ulteriormente sapendo esattamente quali versioni ne hanno bisogno, avendo evidenza solo di Safari 10 come eccezione credo per ora sia accettabile
.layout-middle: nel ripristinare il posizionamento dell’elemento di cui sopra, il genitore ovvero l’elemento centrale in display:table ora necessità di avere un’altezza minima impostata, 1px è sufficiente per far scattare il calcolo corretto dell’altezza

Riassumendo le aggiunte sono le seguenti :

#Layout .layout-middle { min-height: 1px; }

_::-webkit-:host:not(:root:root),
#Layout .layout-middle .outWrap {
position: absolute;
}

#Layout .layout-middle { min-height: 1px; }

_::-webkit-:host:not(:root:root),

#Layout .layout-middle .outWrap {

position: absolute;

}

Ho aggiornato sia gli snippet della pagina che gli esempi live su CodePen

Per il “tasto commento” ti riferisci invece al layout del blog? Puoi postarmi uno screenshot?

Di: Luca

Luca — Fri, 23 Sep 2016 09:28:43 +0000

con l’ultima versione di safari 10 il layout non funziona più.

non si vede nemmeno il pulsante per inviare il commento.