Message de statut personnalisé devant l'en-tête et d'autres éléments

Description du problème :
Le message de statut personnalisé de l’utilisateur n’est pas masqué par la bannière, même lorsque la publication que l’utilisateur a vue a disparu, ce qui le rend peu attrayant visuellement.
Une image du problème est jointe :

Comportement attendu :
Le message de statut est masqué par la bannière

Comportement réel :
Le statut s’affiche devant la bannière.

Étapes pour reproduire :
Cliquez sur le statut personnalisé d’un utilisateur et faites défiler vers le haut, jusqu’à ce que la publication disparaisse de la vue. Ensuite, vous pourrez toujours voir le message de statut devant la bannière en haut de la page.

Le bug apparaît à ce lien :
(Je ne suis pas sûr si cela ne m’arrive qu’à moi)

Navigateur/OS/Appareil :
Application Replit / Android / Samsung Galaxy

Incidents similaires :


J’ai constaté qu’il se trouve devant la barre où l’on peut revenir en arrière ou avancer.
Voici une image pratique :

5 « J'aime »

Je peux le reproduire :

Merci pour le rapport :+1:

4 « J'aime »

J’ai examiné cela. Deux points importants :

  1. Cela se produit uniquement sur mobile.
  2. Cela se produit non seulement avec les info-bulles de statut utilisateur, mais aussi avec certaines autres info-bulles qui sont également implémentées à l’aide du composant DTooltip.

Sur ordinateur, nous utilisons l’événement mouseenter comme déclencheur d’info-bulle. Lorsque la souris quitte l’info-bulle, elle disparaît, donc tout fonctionne correctement.

Sur mobile, le déclencheur de l’info-bulle est un clic, et pour que l’info-bulle disparaisse, l’utilisateur doit cliquer en dehors de l’info-bulle. Pour cette raison, l’info-bulle ne disparaît pas lors du défilement. C’est le comportement par défaut des info-bulles créées à l’aide de la bibliothèque tippy.js que nous utilisons en arrière-plan.

Je travaille actuellement sur une correction et j’ai déjà un brouillon fonctionnel. La solution consistera à masquer l’info-bulle lors du défilement sur mobile. Et cela corrigera toutes les info-bulles basées sur DTooltip.

3 « J'aime »

Voici la correction du problème dans les sujets :

Pour une raison quelconque, cela ne fonctionne pas dans le chat, je vais enquêter et corriger cela dans une mise à jour ultérieure.

3 « J'aime »

cela se produit sur mon iPad en mode bureau ainsi qu’en mode mobile. sur Safari, Chrome et Firefox sur iOS 16.6.

2 « J'aime »

Salut @andrei !
Je suis désolé de dire que ce bug apparaît toujours sur un forum Discourse (un différent cette fois-ci).
Il apparaît aussi dans ce sujet…

2 « J'aime »

Il semble que la correction n’ait pas encore été fusionnée, vous devrez donc peut-être attendre un peu plus longtemps pour tester. :+1:

4 « J'aime »

Nous venons de fusionner le correctif, il est maintenant dans la branche principale. N’oubliez pas qu’il ne résout le problème que dans les sujets ; il existe un problème similaire dans le chat, qui sera traité séparément plus tard.

2 « J'aime »

Salut @andrei !
Je vois que l’en-tête change et que le statut disparaît lorsqu’il atteint le sommet. Est-ce que c’est la correction ?

1 « J'aime »

La correction fait disparaître les info-bulles lors du défilement. Après la correction, sur les écrans tactiles, les info-bulles disparaissent lorsque vous commencez à faire défiler.

1 « J'aime »

D’accord. Merci pour la correction !

1 « J'aime »

Salut tout le monde !
Ceci est réapparu sur un autre forum.
D’autres forums comme celui-ci et Ask font disparaître l’en-tête, mais ce forum ne le fait pas.
Puis-je ajouter que si vous faites défiler rapidement vers le haut alors que le statut est encore affiché, il se superposera, mais l’en-tête ne réagira pas assez vite pour le masquer.

  1. L’en-tête lui-même ne les masque pas
  2. Ne basez aucun rapport de bug sur les forums de SB, il est pratiquement toujours obsolète.
4 « J'aime »

Similaire à un autre bug que j’ai signalé concernant le statut personnalisé qui se trouve devant quelque chose, voici un autre :


Comme vous pouvez le voir, le statut est toujours visible, chevauchant la barre latérale même si l’utilisateur a défilé hors de la vue.

1 « J'aime »

Comme vous pouvez le voir, le statut personnalisé frappe encore !
J’ai constaté qu’il se trouvait devant la barre où l’on peut revenir en arrière ou avancer.
Voici une image pratique :

Autre problème de statut personnalisé :
https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal
Il semble que le statut personnalisé pose des problèmes.

1 « J'aime »

@NateDhaliwal merci d’avoir signalé ces problèmes !

Notez que, plus précisément, les problèmes sont liés aux composants que nous utilisons pour afficher des info-bulles enrichies dans toute l’application. Nous utilisons des info-bulles enrichies pour afficher le statut, mais nous les utilisons également à d’autres fins. Par conséquent, des problèmes similaires peuvent potentiellement être reproduits avec d’autres info-bulles. La correction que j’ai fournie ci-dessus n’a résolu que les cas les plus généraux.

Nous travaillons actuellement sur d’autres modifications des composants pour les info-bulles enrichies, il y aura donc plus de mises à jour ici. Nous nous occuperons de ces problèmes.

5 « J'aime »

Il y en a un autre : dans le chat :


Je crois que cela a déjà été mentionné :

4 « J'aime »

@j.jaffeux a effectué une refonte majeure des infobulles (et autres popups) dans

Dans le cadre de ce travail, les problèmes décrits dans ce sujet ont également été corrigés. Je viens de tester et

  • il n’y a pas de chevauchement des infobulles de statut dans le chat
  • les infobulles disparaissent à l’ouverture de la barre latérale
  • les infobulles n’apparaissent pas au-dessus de la barre de navigation inférieure sur mobile
3 « J'aime »