Problemi di rendering / artefatti di Safari 6 (su Mountain Lion)

12

Aggiornamento finale Ho appena ricevuto un'email da Apple che conferma che questo bug è stato corretto in OS X Mountain Lion 10.8.3

Ho riscontrato problemi di rendering con Safari 6 su diversi sistemi che eseguono tutti Mountain Lion e non riesco a trovare una soluzione. Ho allegato alcuni screenshot per descrivere il problema.

Aggiornamento Ulteriori indagini suggeriscono che questo potrebbe essere un problema solo con i modelli Mac 2012, in particolare quelli con grafica HD4000.

Aggiornamento Sembra che gli artefatti non vengano sempre visualizzati immediatamente, richiedendo alcuni ricarichi e / o le schede di chiusura / riapertura prima che vengano visualizzati.

Aggiornamento Il problema è stato confermato non come un bug di WebKit ed è stato archiviato come errore in Apple (problema 12750455 di Simon Fraser).

Sito Web Bootstrap di Twitter su Safari

Sito Web Twitter Bootstrap su Firefox

Teak's jsfiddle su Safari

Teak's jsfiddle su Firefox

Collegamenti ai siti Web mostrati negli screenshot:

macos safari graphics

— René
fonte

2

Ho provato a modificare un po 'il testo, ma prima di provare a suggerire se un altro sito sarebbe migliore e migrarlo, puoi chiarire cosa stai cercando principalmente? Vuoi che questo riguardi JQuery che necessita di una patch o WebKit / Safari? Siamo più concentrati sugli utenti qui e sebbene alcuni siano programmatori e sviluppatori web, non siamo il posto migliore per conoscenza a livello di codice e livello di bug / regressione. Possiamo indicarti come archiviare un bug con Apple, ma generalmente non abbiamo domande e risposte dettagliate html / css / js qui.

— bmike

1

Sto perfettamente bene ... imgur.com/a/vICCs Sto eseguendo Safari 6.0.1 su OS X Lion 10.7.5

— daviesgeek,

@bmike La mia ipotesi è che si tratti di un problema di Mountain Lion e non di un problema html / css / js.

— René,

Ho appena chiesto a un collega che gestisce anche Mountain Lion: nessun problema lì. Quindi la fonte del problema rimane un mistero per me.

— René,

1

@ René Secondo blackpixel.com/blog/2012/02/radar-or-gtfo.html è una buona idea sollevare bug duplicati con Apple, quindi probabilmente è una buona idea se lo riporti anche tu!

— Olly Hodgson il

3

Era un bug in Safari, risolto nell'aggiornamento OSX 10.8.3!

— Guido Hendriks
fonte

1

L'aggiunta della citazione pertinente delle note di aggiornamento, ad esempio, aumenterebbe notevolmente il valore della risposta.

— Thecafremo,

1

In realtà non è stato notato nelle note di aggiornamento, ma lo ha risolto. Ho provato io stesso prima e dopo l'aggiornamento.

— Guido Hendriks,

1

Sembra che sia stato risolto da Apple con il rilascio di Mountain Lion 10.8.3 + Safari 6.0.3 questa settimana.

— Sinklar

8

Posso confermare che si tratta di un bug con la GPU Intel Graphics 4000. Vedo i manufatti grafici sul mio MacBook Pro da 13 "Retina e non sul mio vecchio MBP che ha Mt. Lion e una GPU Nvidia Geforce.

Ho esperienza diretta con questo problema durante il tentativo di sviluppare pulsanti CSS per siti Web ...

Credo che i manufatti possano essere riprodotti usando css3 border-radiusinsieme a a box-shadow. Anche se ovviamente succede anche in molte altre circostanze. (Che posso confermare)

Ecco un link a una segnalazione di bug sul sito web di webkit (anche se non sono sicuro che appartenga a questo):

https://bugs.webkit.org/show_bug.cgi?id=103087

E la domanda SO è venuta da:

/programming/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

— Teak
fonte

1

Grazie per averlo condiviso. Non sono convinto che sia un problema di webkit, poiché questo problema è specifico di OS X Mountain Lion e solo con la grafica HD4000.

— René,

2

Questo non è un bug di Intel HD 4000. Vedo questo errore solo da Safari su Intel HD 4000. Se apro la pagina con (Opera, Chrome, Firefox) - non riesco a riprodurre questo errore

— Vladimir Kadnikov
fonte

2

Una soluzione rapida a questo problema consiste nell'utilizzare una trasformazione dell'oggetto con il raggio del bordo o altri danni che causano proprietà. In questo modo stai forzando un ridisegno con la scheda grafica e questo risolve il problema.

Applica la seguente proprietà: -webkit-transform: translate3d(0,0,0);- E dovresti stare bene.

— Kalms
fonte

Ha un costo prestazionale non trascurabile se lo applichi a un div contenente molte cose, ma risolve il problema.

— James,

Costo di prestazione? Mi piacerebbe vedere alcuni dati su questo. Qualsiasi costo aggiuntivo dovrebbe essere gestito dalla GPU.

— Kalms,

1

Una trasformazione null crea una trama di supporto per quell'elemento sulla GPU. Questo rende lo spostamento economico dell'elemento in quanto è un composito piuttosto che una vernice, ma rende le modifiche all'elemento più costose (ad esempio testo, dimensioni, cambiamenti di stile) in quanto deve caricare una nuova trama nella GPU e ridipingere l'elemento . Prendi anche memoria GPU, che può essere un problema sui telefoni.

— JaffaTheCake

Grazie per questo. Qualche buona raccomandazione per informazioni al riguardo?

— Kalms

1

Ecco alcune cose che farei se non riesci a fornire un link a qualcosa che è in diretta su Internet per consentire agli altri di duplicare / capire cosa sta succedendo.

Prova una build webkit notturna per vedere se è stato corretto un bug, ma non la spedizione. http://nightly.webkit.org
Rimuovi tutte le estensioni da Safari per essere sicuro che non sia causato da una.

— bmike
fonte

Ho aggiunto collegamenti ai siti Web mostrati negli screenshot.

— René,

Ho provato entrambi i tuoi suggerimenti, ma sfortunatamente non hanno funzionato.

— René,

1

Posso anche confermare questo bug sul retbook 15 "macbook (osx 10.8.2, safari 6.0.2)

Il mio macbook ha anche Intel HD4000, ma anche Nvidia GT 650M per il display esterno.

Per eliminare tutte le altre possibilità tranne la scheda grafica (driver) ho usato un adattatore da fulmine a dvi per collegare un display esterno sulla scheda Nvidia.

Risultato: nessuna linea strana ed effetti jquery bizzarri!

conclusione: problema HD4000 (driver).

— Ruben
fonte