Übersicht
Dropdown-Listen-Modals zur Hinzufügung von Benutzern in der mobilen Ansicht scheinen häufig außerhalb des Bildschirms zu landen und schlagen dann fehl, wenn man versucht, nach unten zu wischen, um sie zu sehen.
Einige der Stellen, an denen ich dies im abgesicherten Modus reproduziert habe, sind:
- Benutzer zu Gruppen von der Gruppenseite hinzufügen
- Ein Thema oder einen Beitrag einem Benutzer zuweisen (z. B. über das Schraubenschlüssel-Menü des Themas oder das Admin-Schraubenschlüssel-Menü eines Beitrags)
- Einen anderen Benutzer zu einer privaten Nachricht einladen
- Benutzer zur Ignorierliste hinzufügen (
/my/preferences/users) (Stummschaltung funktioniert einwandfrei, da es für das Dropdown kein Modal gibt)
Gelegentlich kann ich das Modal nach einigen Versuchen, sanft nach unten zu wischen, im Sichtfeld halten, aber es ist sehr unzuverlässig und schließt sich oft einfach. Es ist auch erwähnenswert, dass ich ein großes Smartphone-Display verwende – iPhone 15 Pro Max –, sodass der Effekt auf kleineren Mobilgeräten möglicherweise noch schlimmer ist.
Schritte zur Reproduktion
Hier ist ein Beispiel für einen fehlgeschlagenen Versuch, die Dropdown-Liste zum Hinzufügen von Benutzern zu einer Gruppe zu füllen:
- Gehen Sie als Administrator zu einer Gruppenseite und tippen Sie auf die Schaltfläche „+ Benutzer hinzufügen“.
- Sehen Sie das Modal am unteren Bildschirmrand mit dem Suchfeld.
- Tippen Sie auf das Suchfeld, um zu tippen, und beobachten Sie, wie das Modal über den Viewport hinaus wandert.
- Versuchen Sie, das Modal nach unten zu ziehen, um in das Feld einzutippen.
- Fehlgeschlagen – das Modal schließt sich automatisch und kehrt zur Gruppenmitgliedschaftsseite zurück.
Erwartetes Ergebnis
Das Modal bleibt im Sichtfeld. Beachten Sie, dass das ähnliche Modal zum Ändern der Beitragszugehörigkeit über das Admin-Menü eines Beitrags wie erwartet funktioniert:
Beobachtetes Ergebnis
Siehe oben – das Eingabefeld für die Benutzersuche ist nicht sichtbar, da das Modal zu hoch im Viewport positioniert ist.
Zusätzliche Informationen
- Ich verwende ein iPhone 15 Pro Max und kann das oben Beschriebene im abgesicherten Modus mit den neuesten Versionen von Safari, Chrome und Firefox (sowie der PWA) reproduzieren. Auf dem iPad lässt sich dies jedoch weder im Quer- noch im Hochformat reproduzieren. Android-Mobilgeräte wurden noch nicht bestätigt.
- Die Verwendung des mobilen Modus in den Entwicklertools des Desktop-Browsers reproduziert das Problem nicht; ich kann es nur auf meinem Mobilgerät reproduzieren.
- Ich weiß nicht, ob dies mit Discourse oder iOS zusammenhängt (ich gehe von Discourse aus, da das Modal zum Ändern der Beitragszugehörigkeit wie erwartet funktioniert).