Riuscite a vedere le lightbox nell’ultimo.json sotto l’estratto di ogni argomento? Ho il sospetto che Discourse stia includendo questo HTML indesiderato nell’estratto serializzato.
1 Mi Piace
Oggi ho aggiornato alle ultime versioni di Discourse e TLP e ho notato un problema minore ma fastidioso: cliccando su alcuni argomenti si verifica un “lampeggio” o un ricaricamento. Ecco un video dell’effetto:
Dopo aver eseguito diversi test in modalità sicura e di ricostruzione sul mio server di staging, ho individuato la causa in TLP. Ho osservato lo stesso effetto anche su alcuni altri siti che utilizzano TLP.
Per riprodurre il problema:
- Visita Blenderartists.org
- Clicca su un argomento con risposte (l’effetto sembra essere più evidente con un maggior numero di risposte)
Potrai vederlo anche su questi siti:
- https://rideabl.es/top (usa la pagina top per trovare argomenti con risposte)
- Washing Machine Repair
Dopo aver rimosso il plugin TLP e aver ricostruito il sito, il “lampeggio” è scomparso.
1 Mi Piace
Sì, è stato segnalato sopra e ho risposto. Hai idea da quanto tempo si verifica questo problema, dal tuo punto di vista?
Sembra una sorta di strano problema di Ember (vedi sopra).
Al momento non ho una soluzione. Gli URL vengono generati da un template Core (non TLP) e sono conformi. Il problema si verifica anche su TC.
1 Mi Piace
Ah, scusa, non avevo controllato così indietro. Non aggiornavo da due mesi (2.7.0.beta1) e me ne sono accorto dopo l’aggiornamento di oggi.
2 Mi Piace
La miniatura non lo fa, eppure il link è quasi esattamente lo stesso (identico se non hai letto un argomento)?
Ecco il codice TLP:
Ecco il core:
Riesci a notare la differenza?!
Meta vanilla:
Esempio TLP:
Risposte su una cartolina?
1 Mi Piace
Non so come funzionino i collegamenti in Discourse; certamente non agiscono come collegamenti ipertestuali ‘normali’, dato che non si esce dall’app. Quello che ho osservato è che il ‘secondo caricamento’ sembra molto più lento: per me, sembra che dopo aver cliccato su un collegamento, prima funzioni il ‘collegamento dell’app’, che carica rapidamente i contenuti. In background, contemporaneamente, inizia a ricaricarsi l’intera pagina, che deve ricaricare l’intera app ed è molto più lenta. Potrebbe essere che ci sia un listener di eventi o un evento onclick attaccato al collegamento, oltre all’attributo a href?
1 Mi Piace
Il link del titolo TLP sta in qualche modo causando l’escalation del framework Ember e del browser verso una chiamata completa della pagina, mentre l’applicazione Discourse standard sta solo eseguendo una richiesta XHR (senza aggiornamento della pagina). Il clic sulla miniatura funziona correttamente in questo modo in TLP. Sono abbastanza certo che questo non succedeva prima, è molto strano.
1 Mi Piace
1 Mi Piace
Oh, penso di sapere cosa potrebbe succedere! L’intera superficie è cliccabile. Potrebbe essersi confusa con un doppio clic. Lo controllerò.
Potrebbe essere necessario disabilitare il clic sulla superficie per far funzionare tutto.
2 Mi Piace
Questo dovrebbe essere corretto nel plugin: FIX: remove topic list item click event to prevent transition conflict · merefield/discourse-topic-previews-sidecar@6064a59 · GitHub
3 Mi Piace
Sembra che l’immagine della tessera si sovrapponga quando l’estratto contiene un link “inline-onebox”.
“excerpt”: “source: <a href="https://t.co/WMHOR1b1cm\” class="inline-onebox">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 …",
Se modifico il post e inizio una nuova riga prima del link,
il problema della sovrapposizione viene risolto.
“excerpt”: “source: \n<a href="https://t.co/WMHOR1b1cm\” class="onebox" target="_blank" rel="noopener">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 \n ",
L’estratto contiene un link “lightbox” se c’è un’immagine nella parte superiore del post. La dimensione e lo stile del font del testo dell’estratto cambiano dopo l’immagine, ma non causano la sovrapposizione dell’immagine della tessera.
“excerpt”: “<a class="lightbox" href="https://whatever.hk/uploads/default/original/2X/c/c42ca98cb9b3b6c6401c89940259cdc84800c70d.jpeg\” data-download-href="https://whatever.hk/uploads/default/c42ca98cb9b3b6c6401c89940259cdc84800c70d\" title="image_title">\n testo ",
1 Mi Piace
Potresti provare a nascondere l’ancora con la classe lightbox nel CSS.
1 Mi Piace
Grazie mille per il tuo aiuto. 
Per il problema dello stile del carattere, al momento ho aggiunto font-size e colore in tutti i CSS del tema per topic-details, topic-excerpt e topic-excerpt-more in stile tessera. Sembra che abbia risolto il problema. 
Il codice dei collegamenti lightbox per le immagini è ancora lì, nascosto all’interno dell’estratto. Penso che Discourse dovrebbe rimuoverlo completamente. Quei codici sembrano non fare altro che aumentare le dimensioni della pagina web. 
2 Mi Piace
Sì, ha risolto il problema, grazie Robert!
2 Mi Piace
Sì, sono d’accordo. Sono restio a sovrascrivere il back-end perché dovrebbe rimanere nativo. Sono anche restio a utilizzare JavaScript per rimuoverlo. CSS è la strada giusta per ora, se funziona.
Sentiti libero di condividere il tuo CSS con la comunità qui :).
1 Mi Piace
Ho semplicemente impostato font-size e colore per topic-details, topic-excerpt e topic-excerpt-more. Questo previene stili di font diversi nell’estratto prima e dopo l’immagine.
.tiles-style .topic-details {
font-size: 14px;
color: var(--primary-high);
}
.tiles-style .topic-excerpt {
font-size: 14px;
}
.tiles-style .topic-excerpt-more {
font-size: 15px;
color: var(--tertiary);
}
2 Mi Piace
Da questa settimana ho iniziato a notare problemi con il selettore delle miniature. Su alcuni argomenti funziona, mentre su altri fallisce costantemente e appare vuoto, ma non sono ancora riuscito a individuare un pattern. Ecco un argomento su cui fallisce. Non vedo messaggi nella console né problemi nelle richieste di rete.
Ecco la risposta quando faccio clic sul pulsante ‘Seleziona miniatura’:
1 Mi Piace
Una soluzione rapida per il ‘gap’ è semplicemente questa:
.topic-list .topic-excerpt {
padding-right: 0px;
}
Sospetto che sia un residuo della visualizzazione non a tessere. Potrei includere questo nel CSS delle tessere.
2 Mi Piace
Sì, non è perfetto al 100%.
Ecco l’attuale insieme di criteri. Se riesci a individuare un’ovvia omissione, sono felice di prenderla in considerazione, ma è molto simile a quella utilizzata nella logica principale di Discourse.
2 Mi Piace
Ah, certo, ORA funziona 
2 Mi Piace