El elemento #topic-progress aparece de manera antipatrón mientras el spinner es visible.
Puedes reproducir el comportamiento: simplemente abre un tema y haz clic en el enlace del título en la parte superior usando la vista móvil para provocar el spinner.
¿Alguna idea sobre cómo ocultar el #topic-progress mientras el spinner es visible?
¿Puedes reproducirlo aquí o es específico de ese sitio?
Sorprendentemente, el meta está exento de este defecto, pero pude reproducirlo en nuestros servidores de producción y en casi todos los demás sitios que conozco.
Otro ejemplo:
Edición: parece que cuando un tema tiene muchas publicaciones, el elemento (progreso del tema) no será visible sin hacer scroll. Por eso no pude reproducirlo antes en algunos sitios como el meta.
Apoyo hacer algo con el widget de progreso del tema móvil mientras se carga el siguiente lote. Suena como un refinamiento razonable, pero no estoy seguro de si ocultarlo por completo es lo que buscamos.
Ocultar toda la línea de tiempo sería un anti-patrón, ya que los elementos rebotarían.
@design, ¿alguna opinión?
Claramente no es algo por lo que debamos apresurarnos a cambiar, pero podría ser interesante refinarlo.
Gracias por tu respuesta. Entiendo tu preocupación sobre el salto causado al ocultar la línea de tiempo completa; por eso, solo reservar un espacio de relleno será jugable.
No es enteramente un problema de CSS; fijar o añadir relleno al progreso del tema mientras el spinner está activo está relacionado con JavaScript.
Sigo con curiosidad sobre por qué no se puede reproducir aquí. ¿Se puede reproducir en try.discourse.org? ¿Es algo específico del diseño CSS de esos sitios, como encabezados adicionales, etc.?
¡Qué bien! Lo siento, no lo vi.
No creo que cause un salto en móviles, ya que usamos posición fija al hacer scroll y posición absoluta cuando se ancla, por lo que en ningún caso influye en la maquetación.
Hice una prueba rápida donde simplemente lo oculto con CSS cuando recibe la clase docked (porque es por eso que la posición salta al cargar; la página es corta y la barra de progreso se ancla)… no hay salto cuando desaparece/vuelve a aparecer.
La otra opción sería desanclarlo y mantenerlo en posición fija mientras carga, pero el problema es que si saltas hacia la parte superior de la página desde el fondo (como cuando estás en temas sugeridos)… creo que verías un salto de posición cuando la línea de tiempo pasa de estar anclada a una posición fija.
De todas formas, lo probaré y veré qué funciona mejor.
