¿Puedes ver los lightboxes en latest.json bajo el extracto de cada tema? Sospecho que Discourse está incluyendo este HTML indeseable en el extracto serializado.
1 me gusta
Hoy actualicé a las últimas versiones de Discourse y TLP y he notado un problema menor pero molesto: al hacer clic en ciertos temas, se produce un ‘parpadeo’ o una recarga. Aquí hay un video del efecto:
He rastreado el problema hasta TLP después de realizar varias pruebas en modo seguro y de reconstrucción en mi servidor de staging. También he observado el mismo efecto en otros sitios que utilizan TLP.
Para reproducirlo:
- Visita Blenderartists.org
- Haz clic en un tema con respuestas (el efecto parece ser más pronunciado con más respuestas)
También lo verás en estos sitios:
- https://rideabl.es/top (usando top para encontrar temas con respuestas)
- Washing Machine Repair
Después de eliminar el plugin TLP y reconstruir, el ‘parpadeo’ desaparece.
1 me gusta
Sí, se informó anteriormente y yo respondí. ¿Tienes alguna idea de cuánto tiempo ha sido así desde tu perspectiva?
Parece ser algún tipo de extraño problema de Ember (ver arriba).
No tengo una solución en esta etapa. Las URL se están generando mediante una plantilla de Core (no de TLP) y son conformes. También ocurre en el TC.
1 me gusta
Ah, lo siento, no había revisado tan atrás. No había actualizado en dos meses (2.7.0.beta1) y lo noté después de la actualización de hoy.
2 Me gusta
La miniatura no lo hace, ¡pero es casi exactamente el mismo enlace (idéntico si no has leído un tema)?
Aquí está el código TLP:
Aquí está el núcleo:
¿Ves la diferencia?!
Meta vanilla:
Ejemplo TLP:
¿Respuestas en una postal?
1 me gusta
No sé cómo funcionan los enlaces en Discourse; definitivamente no actúan como hipervínculos ‘normales’, ya que no sales de la aplicación. Lo que observé es que la ‘segunda carga’ parece mucho más lenta. Para mí, parece que al hacer clic en un enlace, primero funciona el ‘enlace de la aplicación’, lo que carga el contenido rápidamente. En segundo plano, al mismo tiempo, toda la página comienza a recargarse, lo que requiere recargar toda la aplicación y es mucho más lento. ¿Podría ser que haya un escuchador de eventos o un evento onclick adjunto al enlace además del href?
1 me gusta
El enlace del título de TLP está provocando de alguna manera que el framework Ember y el navegador realicen una llamada completa a la página, mientras que la aplicación estándar de Discourse solo realiza una solicitud XHR (sin recargar la página). El clic en la miniatura funciona correctamente de esta manera en TLP. Estoy bastante seguro de que esto no solía ocurrir, es muy extraño.
1 me gusta
¡Oh, creo que sé qué puede estar pasando! Toda la superficie es una superficie clicable. Podría estar molestando con un doble clic. Lo verificaré.
Es posible que tengamos que eliminar el clic en la superficie para que esto funcione.
2 Me gusta
Esto debería estar corregido en el plugin: FIX: remove topic list item click event to prevent transition conflict · merefield/discourse-topic-previews-sidecar@6064a59 · GitHub
y en el TC: FIX: remove click event from topic list item component to prevent con… · merefield/discourse-tc-topic-list-previews@7fbe8ca · GitHub
3 Me gusta
Parece que la imagen del título se superpone cuando el extracto contiene un enlace “inline-onebox”.
“excerpt”: “source: <a href="https://t.co/WMHOR1b1cm\” class="inline-onebox">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 …",
Si edito la publicación y comienzo una nueva línea antes del enlace, el problema de superposición se resuelve.
“excerpt”: “source: \n<a href="https://t.co/WMHOR1b1cm\” class="onebox" target="_blank" rel="noopener">https://twitter.com/gintarosu/status/1304621851075731457/photo/1 \n ",
El extracto contiene un enlace “lightbox” si hay una imagen en la parte superior de la publicación. El tamaño y el estilo de la fuente del texto del extracto cambian después de la imagen, pero no causan la superposición de la imagen del título.
“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 texto ",
1 me gusta
Podrías intentar ocultar el ancla con la clase lightbox en CSS.
1 me gusta
Muchas gracias por tu ayuda. 
En cuanto al problema del estilo de fuente, actualmente he añadido font-size y color en todo el CSS del tema para los elementos tiles-style topic-details, topic-excerpt y topic-excerpt-more. Parece que eso ha solucionado el problema. 
El código de los enlaces lightbox de las imágenes sigue ahí, oculto dentro del excerpt. Creo que Discourse debería eliminarlo por completo. Esos códigos no parecen hacer nada más que aumentar el tamaño de la página web. 
2 Me gusta
Sí, eso lo solucionó, ¡gracias Robert!
2 Me gusta
Sí, estoy de acuerdo. Me resisto a sobrescribir el back-end porque esto debería mantenerse nativo. También me resisto a aplicar JavaScript para eliminarlo. CSS es la forma correcta por ahora, si funciona.
Siéntete libre de compartir tu CSS con la comunidad aquí :).
1 me gusta
Simplemente configuré el tamaño de fuente y el color para topic-details, topic-excerpt y topic-excerpt-more. Esto evita estilos de fuente diferentes en el extracto antes y después de la imagen.
.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 Me gusta
Desde esta semana he empezado a notar problemas con el selector de miniaturas. En algunos temas funciona, pero en otros falla consistentemente y aparece vacío, aunque aún no he descubierto un patrón. Aquí hay un tema en el que falla. No veo mensajes en la consola ni problemas con las solicitudes de red.
Esta es la respuesta cuando hago clic en el botón ‘Seleccionar miniatura’:
1 me gusta
Una solución rápida para el ‘espacio’ es simplemente esto:
.topic-list .topic-excerpt {
padding-right: 0px;
}
Sospecho que esto es un remanente de la vista no en mosaicos. Es posible que incluya esto en el CSS de Mosaicos.
2 Me gusta
Sí, no es 100% perfecto.
Aquí está el conjunto actual de criterios. Si puedes encontrar una omisión obvia, estaré encantado de considerarla, pero es muy similar a la que se utiliza en la lógica central que usa Discourse.
2 Me gusta
Jaja, por supuesto que AHORA funciona 
2 Me gusta