Nouvel éditeur de sujet trop petit sur iOS 26.5 Safari Web

[fearlessfrog]

Bonjour !

Nous avons un utilisateur très fidèle (nous nous auto-hébergeons sur Discourse depuis 11 ans (!), alors un grand merci à l’équipe par ailleurs ) qui ne peut plus créer de nouveaux sujets sur son navigateur Safari mobile sous iOS.

Pour lui, cela ressemble à ceci, le problème étant une zone d’éditeur de texte écrasée :

Je lui ai demandé d’essayer try.discourse.org pour reproduire le problème, d’où proviennent les captures d’écran de ce sujet.

Il peut répondre aux sujets sans problème, comme on peut le voir ici :

Informations sur l’environnement (n’hésitez pas à demander plus de détails si j’ai oublié quelque chose) :

User-Agent du client (extrait de notre base de données) :

Mozilla/5.0 (iPhone; CPU iPhone OS 18_7 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.5 Mobile/15E148 Safari/604.1

L’utilisateur indique qu’il s’agit d’un iPhone 16 Pro sous iOS 26.5 (les dernières mises à jour pour lui).

Notre version de Discourse est (et le problème peut être reproduit sur try.discourse.org à ce jour) :

2026.6.0-latest (9ba9bc6c55)

L’utilisateur a également essayé avec un thème Horizon propre (sans aucun composant ajouté de notre côté) et a pu reproduire le problème.

Il a essayé d’ouvrir et de rouvrir le clavier, mais sans succès.

J’ai accès à un iPhone 16e sous iOS 26.5 et je ne parviens pas à reproduire ce problème avec Safari sur les dernières mises à jour de notre forum. Peut-être y a-t-il quelque chose dans la configuration ou les paramètres de cet utilisateur sur son iOS ?

Merci à tous pour toute aide ou suggestion, ou à l’équipe si elle peut reproduire ce problème.

[awesomerobot (Kris)]

C’est précisément parce qu’il n’y a pas assez d’espace pour taper, n’est-ce pas ?

Nous pouvons probablement faire un tour d’amélioration pour nous assurer qu’il y a toujours au moins une ligne d’espace ici pour taper, quelle que soit la taille de l’appareil… mais pour l’instant, s’ils masquent la barre d’outils avec le bouton ☰ en haut du compositeur, peuvent-ils au moins entrer du contenu ?

[fearlessfrog]

Le bouton ☰ les aide effectivement et leur offre désormais une seule ligne, ce qui les rend beaucoup plus heureux. Voici un exemple de leur part :

Il n’y a pas vraiment beaucoup d’espace disponible, et il est surprenant que même sur des téléphones relativement récents, l’espace vertical soit si réduit avec le clavier déployé. Je suppose que la catégorie / les étiquettes pourraient se replier, ou que les icônes GIF/Télécharger/Intégrer pourraient se déplacer davantage vers la gauche pour éviter la nouvelle ligne à l’avenir ?

Quoi qu’il en soit, merci d’avoir examiné le problème — c’est apprécié !

EDIT : J’ai également rappelé à l’utilisateur l’icône plein écran qui devrait également aider ici . Il ne semble pas que l’on puisse réellement éditer en mode plein écran sur mobile, mais cela pourrait peut-être être une solution future à cette limitation d’espace ?

[Moin]

@fearlessfrog

Il semble que sur mobile, vous ne puissiez pas réellement éditer en mode plein écran, mais cela pourrait peut-être être une solution future pour contourner cette restriction d’espace ?

Ce n’est pas un mode plein écran, mais un mode de prévisualisation. Tout comme sur le bureau, vous ne pouvez pas éditer dans la prévisualisation.

Je me souviens que Don a un jour créé un bouton plein écran pour les mobiles, ce qui aide car il masque le titre et le champ de catégorie — tout comme la prévisualisation. Mais je ne l’ai pas essayé, donc je ne sais pas s’il fonctionne encore.

@Don

Le composant a peut-être besoin de plus de travail au niveau du CSS, mais dans l’ensemble, il fonctionne bien.

GitHub - VaperinaDEV/composer-fullscreen-mobile: This theme component is adding a fullscreen button to composer. · GitHub

Une alternative dans votre cas pourrait être de masquer l’icône GIF sur les mobiles ou de la déplacer vers la barre d’outils au lieu du bouton séparé en bas. Ainsi, l’upload et la prévisualisation partageraient une ligne, ce qui pourrait libérer une ligne supplémentaire pour le compositeur.

[fearlessfrog]

@Moin

Je me souviens que Don a un jour créé un bouton plein écran pour les mobiles, ce qui aide car il masque le titre et le champ de catégorie, tout comme l’aperçu. Mais je ne l’ai pas essayé, donc je ne sais pas s’il fonctionne encore.

Je viens de l’essayer et je n’arrive pas à faire apparaître l’icône sur la dernière version de Discourse. Il se peut donc qu’il soit un peu obsolète ou que je l’utilise mal. Cela semble être le genre de chose qui serait très utile dans ce cas. Merci d’avoir pris le temps de regarder.

[fearlessfrog]

J’ai mis à jour le composant de thème plein écran pour l’aligner sur les dernières conventions de Discourse et cela semble bien fonctionner. Je vais essayer de faire un peu de ménage et de soumettre une PR sur l’original — merci encore pour les infos !

fearlessfrog/composer-fullscreen-mobile : Ce composant de thème ajoute un bouton plein écran à la zone de composition.