Voyez-vous les lightboxes dans latest.json sous l’extrait de chaque sujet ? J’ai le sentiment que Discourse inclut ce HTML indésirable dans l’extrait sérialisé.
1 « J'aime »
J’ai mis à jour vers les dernières versions de Discourse et TLP aujourd’hui et j’ai remarqué un problème mineur mais gênant : lorsque vous cliquez sur certains sujets, vous observez un « flash » ou un rechargement. Voici une vidéo de l’effet :
J’ai identifié que cela provient de TLP après avoir effectué plusieurs tests en mode sans échec et de reconstruction sur mon serveur de staging. J’ai également observé le même effet sur d’autres sites utilisant TLP.
Pour reproduire le problème :
- Rendez-vous sur Blenderartists.org
- Cliquez sur un sujet avec des réponses (l’effet semble plus prononcé avec un plus grand nombre de réponses)
Vous verrez également ce phénomène sur ces sites :
- https://rideabl.es/top (utilisez top pour trouver des sujets avec des réponses)
- Washing Machine Repair
Après avoir désinstallé le plugin TLP et effectué une reconstruction, le « flash » a disparu.
1 « J'aime »
Oui, cela a été signalé ci-dessus et j’ai répondu. Avez-vous une idée de la durée de ce problème, de votre point de vue ?
Cela ressemble à un problème étrange d’Ember (voir ci-dessus).
Je n’ai pas de solution pour le moment. Les URL sont générées par un modèle Core (et non TLP) et sont conformes. Cela se produit également sur le TC.
1 « J'aime »
Ah désolé, je n’avais pas remonté aussi loin. Je n’avais pas mis à jour depuis deux mois (2.7.0.beta1) et je l’ai remarqué après la mise à jour d’aujourd’hui.
2 « J'aime »
La miniature ne le fait pas, mais le lien est presque exactement le même (identique si vous n’avez pas lu un sujet) ?
Voici le code TLP :
Voici le cœur :
Vous voyez la différence ?!
Meta vanilla :
Exemple TLP :
Réponses sur une carte postale ?
1 « J'aime »
Je ne sais pas comment fonctionnent les liens dans Discourse ; ils ne se comportent certainement pas comme des hyperliens « normaux », car vous ne quittez pas l’application. Ce que j’ai observé, c’est que le « deuxième chargement » semble beaucoup plus lent. Pour moi, il semble qu’après avoir cliqué sur un lien, d’abord le « lien d’application » fonctionne, ce qui charge rapidement le contenu. En arrière-plan, en même temps, toute la page commence à se recharger, ce qui nécessite de recharger l’application entière et est beaucoup plus lent. Serait-il possible qu’il y ait un écouteur d’événement ou un événement onclick attaché au lien, en plus du a href ?
1 « J'aime »
Le lien du titre TLP provoque de manière inexpliquée une montée en puissance du framework Ember et du navigateur vers un appel de page complet, alors que l’application Discourse standard effectue simplement une requête XHR (sans actualisation de la page). Le clic sur la miniature fonctionne correctement de cette manière dans TLP. Je suis presque certain que cela ne se produisait pas auparavant, c’est très étrange.
1 « J'aime »
1 « J'aime »
Oh, je pense que je sais ce qui se passe ! Toute la surface est cliquable. Elle pourrait être perturbée par un double-clic. Je vais vérifier.
Il se peut que nous devions supprimer le clic sur la surface pour que cela fonctionne.
2 « J'aime »
Cela devrait être corrigé dans le plugin : FIX: remove topic list item click event to prevent transition conflict · merefield/discourse-topic-previews-sidecar@6064a59 · GitHub
et dans le TC : FIX: remove click event from topic list item component to prevent con… · merefield/discourse-tc-topic-list-previews@7fbe8ca · GitHub
3 « J'aime »
Il semble que l’image de la tuile se superpose lorsque l’extrait contient un lien « inline-onebox ».
“excerpt”: “source: <a href="https://t.co/WMHOR1b1cm\” class="inline-onebox">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 …",
Si j’édite le message et que je commence une nouvelle ligne avant le lien, le problème de superposition est résolu.
“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’extrait contient un lien « lightbox » s’il y a une image en haut du message. La taille et le style de la police du texte de l’extrait changent après l’image, mais cela ne provoque pas de superposition de l’image de la tuile.
“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 texte ",
1 « J'aime »
Vous pourriez essayer de masquer l’ancre avec la classe lightbox dans le CSS.
1 « J'aime »
Merci beaucoup pour votre aide. 
Pour le problème de style de police, j’ai actuellement ajouté font-size et color dans tout le CSS du thème pour les éléments tiles-style topic-details, topic-excerpt et topic-excerpt-more. Cela semble avoir résolu le problème. 
Le code des liens lightbox pour les images est toujours présent, caché dans l’extrait. Je pense que Discourse devrait l’éliminer complètement. Ces codes ne semblent rien faire d’autre qu’augmenter la taille de la page web. 
2 « J'aime »
Oui, ça a réglé le problème, merci Robert !
2 « J'aime »
Oui, je suis d’accord. Je suis réticent à remplacer le backend car cela devrait rester natif. Je suis également réticent à utiliser du JavaScript pour le supprimer. Le CSS est la bonne solution pour l’instant, si cela fonctionne.
N’hésitez pas à partager votre CSS avec la communauté ici :).
1 « J'aime »
J’ai simplement défini la taille de police et la couleur pour topic-details, topic-excerpt et topic-excerpt-more. Cela évite d’avoir des styles de police différents dans l’extrait avant et après l’image.
.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 « J'aime »
Depuis cette semaine, j’ai commencé à remarquer des problèmes avec le sélecteur de vignette. Sur certains sujets, cela fonctionne, tandis que sur d’autres, cela échoue systématiquement et s’affiche vide, mais je n’ai pas encore découvert de motif. Voici un sujet sur lequel cela échoue. Je ne vois aucun message dans la console, ni aucun problème de requête réseau.
Voici la réponse lorsque je clique sur le bouton « Sélectionner la vignette » :
1 « J'aime »
Une solution rapide pour le « gap » est simplement ceci :
.topic-list .topic-excerpt {
padding-right: 0px;
}
Je soupçonne qu’il s’agit d’un héritage de la vue non en tuiles. Je pourrais intégrer cela dans le CSS des tuiles.
2 « J'aime »
Oui, ce n’est pas parfait à 100 %. Voici la liste actuelle des critères. Si vous trouvez une omission évidente, je suis prêt à l’envisager, mais elle correspond très étroitement à celle utilisée dans la logique principale de Discourse.
2 « J'aime »
Ha, bien sûr que ça marche MAINTENANT 
2 « J'aime »