Styles en ligne de hauteur minimale déclarés pour le topic-post sur mobile

J’ai un thème qui modifie légèrement la vue des publications sur mobile. Maintenant, je constate que la mise en page est déformée par des déclarations min-height qui sont calculées et injectées en tant que styles en ligne une fois que je fais défiler :

Par exemple, ici la publication est plus longue qu’elle ne devrait l’être à cause de min-height :

Je pourrais déclarer min-height comme unset sur les publications. D’après ce que je vois jusqu’à présent, cela corrigerait la mise en page. Mais peut-être que je rate quelque chose ? Je ne comprends pas pourquoi ces calculs sont déclarés en premier lieu ?

2 « J'aime »

Je ne vois pas ces calculs dans Discourse par défaut… est-ce qu’un thème ou un composant les ajoute ?

Ah je vois, ils sont ajoutés dans les sujets plus longs une fois que des réponses supplémentaires sont chargées (et d’autres sont supprimées)

Il semble que nous ajoutions la hauteur minimale lorsque les messages sont masqués au défilement, donc je pense que nous récupérons la hauteur afin que la position de défilement ne soit pas modifiée lorsque le contenu est supprimé de la page ?

2 « J'aime »

Je pense que c’est là que le calcul de la hauteur a été ajouté à l’origine, FIX: Scroll jumping in some dimensions of browser · discourse/discourse@a77f5a7 · GitHub, ce qui confirme que cela est censé aider à contrôler les sauts de défilement.

Pour résoudre votre problème spécifique, il semble que la hauteur de .topic-post soit ce qui est mesuré… dans votre thème, ce div est-il plus grand que le contenu qu’il contient pour une raison quelconque ? Je me demande pourquoi il semble être mal calculé…

2 « J'aime »