Aperçu
Les modales de listes déroulantes pour l’ajout d’utilisateurs en vue mobile semblent souvent se retrouver hors de l’écran, ce qui entraîne un échec lors de la tentative de balayage vers le bas pour les visualiser.
Voici quelques endroits où j’ai pu reproduire ce problème en mode sans échec :
- ajouter des utilisateurs à des groupes depuis la page du groupe
- attribuer un sujet ou un message à un utilisateur (par exemple, depuis le menu de clé à molette du sujet ou le menu de clé à molette d’administration du message)
- inviter un autre utilisateur à un MP
- ajouter des utilisateurs à la liste d’ignorance
/my/preferences/users(la fonction de mise en sourdine fonctionne correctement car il n’y a pas de modale pour la liste déroulante)
Occasionnellement, après plusieurs tentatives de balayage vers le bas en douceur, je parviens à garder la modale visible, mais c’est très capricieux et elle se ferme souvent. Il est également à noter que j’utilise un grand écran de téléphone (iPhone 15 Pro Max), donc l’effet pourrait être encore pire sur des modèles mobiles plus petits.
Étapes pour reproduire le problème
Voici un exemple d’une tentative échouée de remplir la liste déroulante pour ajouter des utilisateurs à un groupe :
- allez sur la page d’un groupe en tant qu’administrateur et appuyez sur le bouton + Ajouter des utilisateurs
- voyez la modale en bas de l’écran avec le champ de recherche
- appuyez sur le champ de recherche pour taper et observez la modale qui dépasse de la zone visible
- essayez de faire glisser la modale vers le bas pour taper dans le champ
- échec - la modale se ferme automatiquement et retourne à la page d’appartenance au groupe.
Résultat attendu
La modale reste visible. Notez que la modale similaire pour modifier la propriété d’un message depuis le menu d’administration du message fonctionne comme prévu :
Résultat observé
Voir ci-dessus - le champ de saisie de recherche d’utilisateur est hors de vue car la modale est trop haute dans la zone visible.
Informations supplémentaires
- j’utilise un iPhone 15 Pro Max et je peux reproduire le problème ci-dessus en mode sans échec avec les dernières versions de Safari, Chrome et Firefox (ainsi que l’application web progressive). Aucune reproduction sur iPad, en mode paysage ou portrait. Je n’ai pas encore confirmé sur mobile Android.
- l’utilisation du mode mobile dans les outils de développement du navigateur de bureau ne reproduit pas le problème ; je ne peux le reproduire que sur mon appareil mobile
- je ne sais pas si cela est lié à Discourse ou à iOS (je suppose que c’est Discourse, car la modale de modification de propriété du message semble fonctionner comme prévu)