Problembeschreibung:
Die benutzerdefinierte Statusmeldung des Benutzers wird nicht vom Banner ausgeblendet, auch wenn der Beitrag, den der Benutzer gesehen hat, nicht mehr vorhanden ist, was ihn optisch nicht ansprechend macht.
Ein Bild des Problems ist beigefügt:
Erwartetes Verhalten:
Die Statusmeldung wird vom Banner ausgeblendet.
Tatsächliches Verhalten:
Der Status wird vor dem Banner angezeigt.
Schritte zur Reproduktion:
Klicken Sie auf den benutzerdefinierten Status eines Benutzers und scrollen Sie nach oben, bis der Beitrag nicht mehr sichtbar ist. Dann können Sie die Statusmeldung immer noch vor dem Banner am oberen Rand der Seite sehen.
Der Fehler tritt unter diesem Link auf:
(Ich bin mir nicht sicher, ob das nur bei mir so ist)
Dies geschieht nicht nur bei Tooltips für den Benutzerstatus, sondern auch bei einigen anderen Tooltips, die ebenfalls mit der DTooltip-Komponente implementiert sind.
Auf dem Desktop verwenden wir das mouseenter-Ereignis als Auslöser für Tooltips. Wenn die Maus den Tooltip verlässt, verschwindet er, sodass alles reibungslos funktioniert.
Auf Mobilgeräten ist der Auslöser für Tooltips ein Klick, und damit der Tooltip verschwindet, muss der Benutzer außerhalb des Tooltips klicken. Aus diesem Grund verschwindet der Tooltip beim Scrollen nicht. Dies ist das Standardverhalten von Tooltips, die mit der tippy.js-Bibliothek erstellt wurden, die wir im Hintergrund verwenden.
Ich arbeite gerade an einer Lösung und habe bereits einen funktionierenden Entwurf. Die Lösung wird darin bestehen, den Tooltip beim Scrollen auf Mobilgeräten auszublenden. Und das wird alle DTooltip-basierten Tooltips beheben.
Hallo @andrei!
Ich muss leider sagen, dass dieser Fehler in einem Discourse-Forum (diesmal in einem anderen) immer noch auftritt.
Er tritt auch in diesem Thema auf…
Wir haben den Fix gerade zusammengeführt, er ist jetzt im Hauptzweig. Denken Sie daran, dass er nur das Problem in Themen löst, es gibt ein ähnliches Problem im Chat, das später separat behandelt wird.
Hallo zusammen!
Das ist wieder in einem anderen Forum aufgetaucht.
Andere Foren wie dieses und Ask lassen den Header verblassen, aber dieses Forum tut das nicht.
Ich möchte noch hinzufügen, dass, wenn man schnell nach oben scrollt, während der Status noch angezeigt wird, er sich überlappt, aber der Header reagiert nicht schnell genug, um ihn auszublenden.
Wie Sie sehen können, ist der Status immer noch sichtbar und überlappt die Seitenleiste, obwohl der Benutzer aus dem Ansichtsbereich herausgescrollt ist.
Wie Sie sehen können, schlägt der benutzerdefinierte Status erneut zu!
Ich habe festgestellt, dass er sich vor der Leiste befindet, in der Sie zurück- oder vorwärtsgehen können.
Hier ist ein praktisches Bild:
@NateDhaliwal vielen Dank für die Meldung dieser Probleme!
Beachten Sie, dass die Probleme genauer gesagt mit Komponenten zusammenhängen, die wir zur Anzeige von Rich-Tooltips in der gesamten App verwenden. Wir verwenden Rich-Tooltips zur Anzeige von Status, aber auch für andere Dinge. Daher können potenziell ähnliche Probleme auch mit anderen Tooltips reproduziert werden. Die von mir oben bereitgestellte Korrektur hat nur die allgemeinsten Fälle behoben.
Wir arbeiten derzeit an weiteren Änderungen an den Komponenten für Rich-Tooltips, daher wird es hier weitere Updates geben. Wir werden uns um diese Probleme kümmern.
