L’elemento #topic-progress appare in modo anti-pattern mentre lo spinner è visibile.
Puoi riprodurre il comportamento semplicemente aprendo un argomento e cliccando sul link del titolo in alto utilizzando la visualizzazione mobile per provocare lo spinner.
Hai idee su come nascondere #topic-progress mentre lo spinner è visibile?
Puoi riprodurlo qui o è specifico per quel sito?
Sorprendentemente, il meta è esentato da questo difetto, ma sono riuscito a riprodurlo sui nostri server di produzione e su quasi tutti gli altri siti che conosco.
Un altro esempio:
Modifica: sembra che quando un argomento ha molti post, l’elemento (progresso dell’argomento) non sia visibile senza scorrere. Ecco perché non sono riuscito a riprodurlo in alcuni siti prima, come il meta.
Supporto l’idea di fare qualcosa con il widget di avanzamento del topic mobile mentre viene caricato il prossimo batch. Sembra un affinamento ragionevole, ma non sono sicuro che nascondere completamente sia la soluzione giusta.
Nascondere l’intera timeline sarebbe un anti-pattern perché gli elementi rimbalzerebbero.
@design, avete qualche pensiero?
Chiaramente non è qualcosa per cui dobbiamo correre a cambiare, ma potrebbe essere interessante da affinire.
Grazie per la tua risposta. Comprendo la tua preoccupazione riguardo all’effetto rimbalzo causato dall’occultamento della timeline completa; per questo motivo, sarà giocabile solo riservando uno spazio di padding.
Non è interamente un problema di CSS: fissare o aggiungere padding alla barra di avanzamento dell’argomento mentre il caricamento è attivo è una questione legata a JavaScript.
Sono ancora curioso del motivo per cui non può essere riprodotto qui. Può essere riprodotto su try.discourse.org? È specifico per il layout CSS di quei siti, ad esempio intestazioni aggiuntive e così via?
Oh, bene — scusa, non l’avevo notato.
Non credo che causerà un rimbalzo su mobile perché usiamo il posizionamento fisso durante lo scorrimento e il posizionamento assoluto quando si aggancia, quindi non influisce comunque sul layout.
Ho fatto un rapido test in cui lo nascondo semplicemente con CSS quando riceve la classe docked (questo è il motivo per cui il posizionamento salta durante il caricamento; la pagina è corta e la barra di avanzamento si aggancia)… nessun rimbalzo quando scompare/riappare.
L’altra opzione è staccarlo e mantenerlo in posizione fissa durante il caricamento, ma il problema è che se salti fino in cima alla pagina da molto in basso (come quando sei nei topic suggeriti)… penso che vedresti un salto di posizione quando la timeline passa da agganciata a posizione fissa?
Comunque, proverò e vedrò cosa funziona meglio.
