Constructeur de discours et Firefox sur tablette Android

Il y a quelques jours, mon expérience d’utilisation de ce forum avec l’application Firefox sur ma tablette s’est considérablement dégradée.

Firefox 134.0 (Build #2016064983)
Android 14
Galaxy Tab S9 FE

Note supplémentaire : J’ai toujours utilisé Discourse dans Firefox avec le site “bureau” désactivé. Sinon, la police devient beaucoup trop grande. Vidéo montrant la différence de taille :

Une régression très facile à expliquer est que le menu IA s’ouvre derrière l’éditeur, donc si j’ai de la chance, je peux voir presque toutes les options, mais parfois juste une ou rien du tout. Lorsque je crée un nouveau sujet, c’est l’un des derniers cas car le titre et le champ de catégorie couvrent également le menu.



De plus, je ne peux plus ajuster la hauteur de l’éditeur. Le bouton plein écran et la poignée ont disparu. Cela rend la citation et la liaison de messages beaucoup plus compliquées. La poignée réapparaît lorsque j’active le “mode bureau” dans les paramètres de Firefox, mais, comme je l’ai expliqué précédemment, en raison de la taille énorme de tout, ce n’est pas une solution de contournement. Dans Chrome, la poignée est visible, que le site “bureau” soit activé ou désactivé.

Captures d’écran prises pour comparaison avant la mise à jour de mon forum :


La hauteur de l’éditeur dépend maintenant aussi de l’affichage ou non de l’aperçu. Il est plus grand dans les deux sens lorsque l’aperçu est visible. Ce sont les deux options de hauteur fixe que je peux choisir en activant ou en masquant l’aperçu à droite. Masquer l’aperçu fonctionne donc comme une solution de contournement pour la citation.


Mais composer un sujet avec à peine 3 lignes visibles dans l’éditeur est assez difficile. Bien qu’il semble que l’affichage de l’aperçu augmente la taille de l’éditeur, ce n’est vrai que jusqu’à ce que je touche le champ de texte et que le clavier apparaisse. Même faire défiler ce petit champ pour naviguer vers un autre paragraphe est difficile.

Avant, je pouvais augmenter la taille de l’éditeur en utilisant la poignée en haut.


Maintenant, il y a toujours une zone en haut qui n’est pas couverte par l’éditeur.

6 « J'aime »

Merci @Moin, DEV: Improve composer positioning on tablets by pmusaraj · Pull Request #30745 · discourse/discourse · GitHub devrait résoudre la plupart des problèmes que vous avez remarqués.

Sur mon émulateur Android de test, je ne vois pas le même problème de menu IA.

1 « J'aime »

Je n’ai remarqué aucun changement

1 « J'aime »

Hmm, y a-t-il une chance que vous puissiez inspecter votre navigateur Firefox ? La modification suppose que nous détectons correctement votre appareil comme une tablette, lorsque vous inspectez, pouvez-vous voir si l’élément HTML a la classe tablet-device ?

1 « J'aime »

Je pense que la détection fonctionne.

1 « J'aime »

J’ai remarqué un changement

Cela se produit maintenant aussi dans Chrome. Cela fonctionne toujours dans Chrome sur mon forum qui a été mis à jour il y a environ 36 heures, mais ici, la modale IA est maintenant derrière le compositeur.

1 « J'aime »

Merci, oui, je vois quel est le problème avec le menu déroulant de l’IA. C’est un problème d’index z.

@keegan @awesomerobot J’ai besoin d’aide ici. Sur tablette, iPad et mobile, nous définissons maintenant un z-index de mobile-composer pour le compositeur lorsqu’il est ouvert. La raison en est que le compositeur peut être superposé à l’en-tête, ce qui est particulièrement important sur les vues paysage des tablettes.

Cependant, le menu d’aide de l’IA a un z-index inférieur (juste au-dessus de z("composer", "dropdown")), qui apparaît sous le compositeur sur les tablettes. Je pense que cela n’affecte pas le mobile, le bouton déclenche une fenêtre modale là-bas. Serait-il judicieux de passer également à l’utilisation d’une fenêtre modale sur tablette ?

2 « J'aime »

Vous devriez maintenant voir l’élément “grippie” sur les tablettes. Et le compositeur devrait s’étendre au-dessus de l’en-tête, exemple dans Chrome :

1 « J'aime »

Je le vois dans Chrome

mais il manque dans Firefox

Et le bouton de composition en plein écran a disparu dans les deux maintenant. Il était très utile car il masque les champs titre et catégorie lors de la création d’un nouveau sujet, vous permettant ainsi d’utiliser cet espace pour le corps du message.

1 « J'aime »

Je pense que vous voyez la différence entre le site de bureau et le site non de bureau. Sur Firefox, avec le commutateur Site de bureau activé, je vois :

Avec le commutateur Site de bureau désactivé, je vois :

Cela fonctionne comme prévu, selon moi, la version mobile n’aura pas la poignée pour redimensionner l’éditeur, c’est une décision consciente, la grande majorité des appareils mobiles n’ont pas la place pour redimensionner l’éditeur.

1 « J'aime »

J’utilise Discourse en mode bureau. Le bouton dans la barre latérale affiche un téléphone, je vois un aperçu à côté de l’éditeur et il n’y a pas de boutons pour ajouter un gif ou une image en bas de l’éditeur.
Mais comme je l’ai dit précédemment, j’utilise Firefox avec le mode « site de bureau » désactivé, car sinon tout est beaucoup trop grand. Mais cela ne devrait pas être le problème car dans Chrome, peu importe que j’active ou non le mode « site de bureau » dans ses paramètres, je peux redimensionner l’éditeur dans les deux cas. Et ce n’était pas un problème dans Firefox il y a une semaine.

2 « J'aime »

C’est exact, nous avons apporté quelques modifications au positionnement du compositeur pour résoudre certains problèmes de longue date, voir Reply composer broken on firefox mobile - #6 by pmusaraj

Oui, j’obtiens les mêmes résultats de Chrome, l’activation du site de bureau n’a aucun effet. Lorsque j’inspecte l’agent utilisateur avec ou sans ce commutateur, Chrome présente quelques différences subtiles, mais crucialement, aucun des modes n’a Mobile dans l’agent utilisateur.

Dans Firefox, avec le site de bureau désactivé, je vois :

1 « J'aime »

Pouvons-nous résoudre le problème de la taille excessive du contenu sur Discourse lorsque j’active le site de bureau ? Je suppose que non, car cela ne semble pas être un problème de Discourse, car cela se produit aussi sur d’autres sites Web. Mais l’augmentation de la taille de tout est la raison pour laquelle je ne veux pas activer le site de bureau.

Site de bureau désactivé :

Site de bureau activé :

Remarque : le bouton du compositeur plein écran est également manquant lorsque le site de bureau est activé et dans Chrome.

Comment Discourse décide-t-il si je vois le compositeur mobile avec les boutons en bas à droite ou le compositeur de bureau avec un aperçu à côté ? Puisque je vois la version de bureau de l’aperçu, la détection pour cela semble fonctionner dans Firefox. La même technique peut-elle être utilisée pour l’option de changer la hauteur ?

Je ne suis pas sûr. Firefox diffère de Chrome ici, n’est-ce pas ? Cela ressemble à un problème spécifique à Firefox, peut-être y a-t-il un paramètre d’application ?

@keegan vient de fusionner un correctif pour cela : FIX: Composer helper not appearing on tablets by keegangeorge · Pull Request #1064 · discourse/discourse-ai · GitHub, il devrait être bientôt sur meta.

2 « J'aime »

C’est corrigé dans la version 137 de Firefox. Maintenant, je peux activer le site de bureau sans que tout devienne trop grand. Donc, après 3 mois, je peux à nouveau utiliser le compositeur.

7 « J'aime »