Le bouton "Citer" ne nous amène plus sur l'éditeur

L'auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonjour,

Dans les forums, le bouton "Citer" ajoute bien la citation au textarea de bas de page mais ne nous y amène pas. C'est certes pratique quand on souhaite citer plusieurs messages mais c'est très déstabilisant : la première fois, j'ai cru que le bouton ne fonctionnait pas.

Du coup, je suggère de scroller la page jusqu'en bas lorsqu'un bouton "Citer" a été pressé. Sinon, il faudrait un message pour nous avertir, ça devient compliqué. D'autant plus qu'on peut s'attendre à ce que le membre souhaite écrire dans la zone d'édition juste à la suite de sa citation. J'ignore par contre ce que ça donne au niveau accessbilité.

D'autre part, peut-être serait-il intéressant, en plus de scroller, de placer le curseur juste en-dessous de la citation, dans un nouveau paragraphe. Ca devrait même faire descendre le scroll tout seul. Là encore, accessibilité ?

Merci !

+1 -0

J'aime beaucoup ce que tu proposes. Je ne sais pas ce que ça implique exactement coté développement de faire un scroll, mais l'idée ne me parait pas idiote (instinctivement j'aurai tendance à dire "rien du tout, il suffit d'employer une ancre").

Doctorant et assistant en chimie à l'Université de NamurEx-dev' pour ZdS (a aidé à réaliser la ZEP-12 !) • Carniste cis (y parait que c'est une injure)

+1 -0
Auteur du sujet

Sinon, placer le curseur dans le textarea devrait faire l'affaire, et amènerait directement sous la citation où, on est le plus susceptible d'écrire.

Édité par Vayel

+0 -0

Cette réponse a aidé l'auteur du sujet

C'est corrigé !

J'ai réussi à mettre le curseur dedans, mais je n'ai pas réussi à faire en sorte de scroller la zone d'édition jusqu'en bas pour que l'utilisateur n'ait qu'à écrire donc j'ai laissé tombé. C'est vrai que ça aurait été cool mais ce n'est pas vital donc on peut merger sans et si quelqu'un a une solution plus tard, il pourra faire une PR.

mon commentaire sur ma PR

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+2 -0

C'est ce que j'avais testé mais qui n'avais pas fonctionné. Je retesterai et ferai une PR si ça fonctionne…

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0

@viki53 : En fait, sur un long texte, (même avec le focus) le rendu est :

Mais j'ai en réfléchissant, je pense que je vais mettre le focus car :

  • sur les tous petits textes, le focus a des chances d'être visible
  • si l'utilisateur commence à écrire, le curseur deviendra visible

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0
Staff

C'est vrai que c'est pas génial, mais ce sera déjà un gain de temps. Et ça évitera qu'en appuyant sur Tab on passe à un élément à l'autre bout de la page.

Par contre c'est bizarre que tu n'aies pas de outline quand la zone a le focus (ou alors tu passes par les DevTools pour le faire, ce qui garde le focus réel hors de la fenêtre)…

Par contre c'est bizarre que tu n'aies pas de outline quand la zone a le focus (ou alors tu passes par les DevTools pour le faire, ce qui garde le focus réel hors de la fenêtre)…

viki53

Tu peux tester en répondant à ce message, il n'y en a pas. Je suppose que ça doit être désactivé dans le CSS…

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0

Bah moi sur Firefox 34 / Kubuntu 14.04, j'ai une bordure gris mais aucun outline.

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0

Tu utilises quel navigateur ?

Si tu sais comment faire tu peux faire une PR ou me passer le code pour que j'en fasse une ! ;)

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0
Staff

Je suis sous Chrome (OS X la plupart du temps, sinon Chrome OS ou Xubuntu). Je vais voir si je peux te faire ça dans la soirée. ;)

Y'a un fichier/une ligne qui t'arrange pour que je mette ça (j'avoue que j'ai pas encore mis le nez dans le code front, alors que j'avais promis de le faire depuis un bout de temps) ?

Édité par viki53

J'ai regardé mais j'ai pas trouvé de ligne enlevant le outline donc je pense que ça vient de normalize. Tu peux le mettre dans le _form.scss.

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0

Bon, ma deuxième PR a été mergé. Il y a donc le focus mais pas de scroll car les hacks que j'ai trouvé ne fonctionnaient pas !

Médicament flemmard aux pul(p)sions imprécises. “Don’t wait for the perfect moment. Take the moment and make it perfect.”

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte