L’élément #topic-progress apparaît de manière anti-pattern lorsque le spinner est visible.
Vous pouvez reproduire ce comportement : ouvrez simplement un sujet et cliquez sur le lien du titre en haut en utilisant la vue mobile pour déclencher le spinner.
Des idées pour masquer #topic-progress pendant que le spinner est visible ?
Peux-tu le reproduire ici, ou est-ce spécifique à ce site ?
Étonnamment, le Meta est exempt de ce défaut, mais j’ai pu le reproduire sur nos serveurs de production et sur presque tous les autres sites que je connais.
Un autre exemple :
Édition : il semble que lorsqu’un sujet contient de nombreux messages, l’élément (progression du sujet) ne soit pas visible sans faire défiler la page. C’est pourquoi je n’ai pas pu le reproduire sur certains sites auparavant, comme le Meta.
Je soutiens l’idée de faire quelque chose avec le widget de progression des sujets mobiles pendant le chargement du prochain lot. Cela semble être un raffinement raisonnable, mais je ne suis pas sûr qu’une dissimulation complète soit ce que nous recherchons.
Masquer entièrement la chronologie serait un anti-pattern car les éléments rebondiraient.
@design, avez-vous des avis ?
Ce n’est clairement pas quelque chose pour lequel nous devons nous précipiter pour changer, mais cela pourrait être intéressant à raffiner.
Merci pour votre réponse. Je comprends votre inquiétude concernant le rebond provoqué par la masquage de la chronologie complète ; c’est pourquoi seule la réservation d’un espace de remplissage sera jouable.
Ce n’est pas entièrement un problème de CSS ; coller ou ajuster le défilement de la progression du sujet vers le bas pendant que le spinner est actif relève du JavaScript.
Je suis toujours curieux de savoir pourquoi cela ne peut pas être reproduit ici. Est-ce reproductible sur try.discourse.org ? Est-ce spécifique à la mise en page CSS de ces sites, par exemple des en-têtes supplémentaires, etc. ?
Oh, tant mieux — désolé, j’ai manqué ça.
Je ne pense pas que cela provoque de rebond sur mobile, car nous utilisons une position fixe lors du défilement et un positionnement absolu lorsqu’il s’ancre, donc cela n’influence jamais la mise en page de toute façon.
J’ai fait un test rapide où je le cache simplement avec du CSS lorsqu’il reçoit la classe « docked » (c’est d’ailleurs pour cela que le positionnement saute au chargement ; la page est courte et la barre de progression s’ancre)… aucun rebond lorsqu’il disparaît/réapparaît.
L’autre option consiste à le désancrer et à le maintenir en position fixe pendant le chargement, mais le problème avec cela, c’est que si vous remontez tout en haut de la page depuis le bas (comme lorsque vous êtes sur les sujets suggérés)… je pense que vous verriez un saut de position lorsque la chronologie passe d’une position ancrée à une position fixe ?
Quoi qu’il en soit, je vais essayer et voir ce qui fonctionne le mieux.
