Quando apri un argomento, il post attualmente selezionato appare sfumando in un certo colore. Qui su meta, per il tema scuro, è un colore blu che sfuma al nero normale. Recentemente, questa transizione ha iniziato a mostrare delle irregolarità verso la fine, invece di scorrere in modo fluido. Ho notato questo problema per la prima volta sul tema scuro di community.wanikani.com, ma si verifica anche qui su meta. L’ho osservato sia su Chrome che su Edge, su due computer diversi. Un altro sito Discourse che utilizzo, che sono abbastanza certo sia notevolmente indietro rispetto all’ultima versione, non presenta questo problema. Se esiste un modo per verificare la versione di quel sito dalla console del browser (e se tale informazione fosse utile), fammelo sapere e aggiungerò i dettagli qui.
Da Chrome: Fai clic con il tasto destro su una parte vuota del sito e seleziona “Visualizza sorgente pagina”. Intorno alla riga 9 vedrai la versione, nonché il commit stesso. Condividi entrambi.
Discourse 2.4.0.beta6 - https://github.com/discourse/discourse versione 437edfc4157aac4d9a50d911bca550d4425193cf
Commit del 28 ottobre
community.bunpro.jp: (non ha questo problema):
Discourse 2.4.0.beta2 - https://github.com/discourse/discourse versione 3503758599ae451b962afa4e05c8e88dcb0f021a
Commit del 10 agosto
Come pensavo, il sito che non presenta il problema è piuttosto obsoleto. Per quanto ne so, questo problema è apparso solo nell’ultima settimana o due su community.wanikani.com. Lo visito diverse volte al giorno, quindi l’avrei notato non appena fosse iniziato.
Posso riprodurre il problema anche su Meta, sul sito che si trova su una commit più vecchia
Sono quasi certo che non si tratti di un nostro bug: riesco a riprodurlo in un fiddle.
Se fai clic su “Run” più volte, noterai che la prima e la seconda casella non presentano il problema.
La prima casella rappresenta il tema chiaro e non ha il problema. La seconda è una casella a cui ho aggiunto uno sfondo nero per confronto; anche questa non presenta il problema.
Il problema è più evidente nella terza casella, che utilizza gli stessi colori del tema scuro predefinito. Credo che la combinazione di colori stia in qualche modo ingannando il browser. Ho provato tutti gli hack di animazione di cui sono a conoscenza, ma il risultato è rimasto lo stesso.
A meno di cambiare la nostra animazione o di utilizzare colori diversi, non sono sicuro di cosa possiamo fare qui, se non aspettare una correzione da parte del browser, che potrebbe non arrivare a breve.
Come ho già detto, il problema si verifica sia su Chrome che su Edge. Edge è ancora basato sulla versione pre-Chromium, quindi non è come se utilizzassero lo stesso motore di rendering o qualcosa del genere. È proprio questo che rende così strano che il problema sia iniziato all’improvviso. È vero che ho controllato Edge solo per confermare che non si trattasse di un bug di Chrome. È del tutto possibile che il problema esista su Edge da chissà quanto tempo e che sia stato introdotto di recente anche su Chrome.
Ho notato questo problema per la prima volta sul mio nuovo laptop, che possiedo da solo una settimana e mezza. Per questo motivo ho verificato il problema anche su un secondo computer, per escludere che fosse specifico del mio nuovo dispositivo. Ma posso riavviare il mio vecchio laptop più tardi per vedere se il problema si verifica anche lì. Forse c’è qualche tipo di ottimizzazione hardware che varia a seconda del computer.
Benvenuti nell’inferno del supporto multi-browser con cui dobbiamo fare i conti ogni giorno
Per essere chiari, si tratta di un problema reale, quindi grazie per averlo segnalato. Mi piacerebbe risolverlo, ma il punto è che le nostre opzioni si limitano a trovare soluzioni alternative per aggirare i problemi dei browser.
Modificare l’animazione introdurrebbe un nuovo modello per tutti coloro che utilizzano Discourse da oltre 5 anni. Cambiare i colori nel tema scuro avrebbe un impatto su tutti i siti che usano Discourse. Nessuna di queste è un’opzione che vorrei prendere in considerazione.
Non dico di aver esaurito tutti i trucchi che potrebbero migliorare la situazione, ma quelli che conosco non hanno fatto alcuna differenza.
Detto questo, e a meno che non scopra qualche altro trucco in futuro, direi di aspettare, diciamo, 3 mesi e poi rivalutare la situazione.
Sono passati oltre tre mesi, quindi ho pensato di fare un aggiornamento. Il problema si verifica ancora su Chrome e sembra accadere anche su Firefox. Se non hai ancora idee per delle soluzioni alternative, non c’è problema, ma ho pensato che un promemoria non potesse fare male.
Non si tratta di un caso di “paghi per giocare”, è un bug del browser poco comune. Stiamo utilizzando un’animazione CSS qui, non qualche animazione fittizia fatta con jQuery; non credo esista una soluzione ovvia per questo problema cosmetico di entità minima.
Se sei preoccupato al riguardo, ti consiglio di segnalarlo a chi può effettivamente risolvere il bug: gli sviluppatori del browser. C’è già un caso riproducibile pubblicato a monte, pronto per la tua segnalazione.
Alt + F > Impostazioni > Aspetto > Attiva il pulsante “mostra feedback” > Clicca sul pulsante “mostra feedback” in alto a destra nel browser > Segnala il bug
Spero che tutte queste informazioni siano state utili!
