[Résolu] Le bouton "Citer" ne nous amène plus sur l'éditeur • Forum • Zeste de Savoir

Vayel, samedi 27 décembre 2014 à 18h27

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 !

27/12/14 à 18h27

"Bienheureux celui qui sait rire de lui-même, il n’a pas fini de s’amuser." Joseph Folliet

+1 -0

pierre_24, samedi 27 décembre 2014 à 20h30

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").

27/12/14 à 20h30

#JeSuisToujoursArius • Docteur, mais en chimie ⚗️ • dev' quand il peut.

+1 -0

Vayel, samedi 27 décembre 2014 à 21h52
Modifié

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.

27/12/14 à 21h52
Modifié

"Bienheureux celui qui sait rire de lui-même, il n’a pas fini de s’amuser." Joseph Folliet

+0 -0

gustavi, dimanche 28 décembre 2014 à 08h48

Je pensais l'avoir déjà reporté sur GitHub vu que j'ai eu le même problème mais en fait non. C'est chose faite : https://github.com/zestedesavoir/zds-site/issues/2007

28/12/14 à 08h48

"I think that it’s extraordinarily important that we in computer science keep fun in computing." — Alan J. Perlis

+0 -0

Situphen, lundi 29 décembre 2014 à 20h57

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

29/12/14 à 20h57

Corruptible avec des crêpes au sirop d’érable

+2 -0

Vayel, mercredi 31 décembre 2014 à 12h02

Tu peux faire ainsi. Sinon, mais c'est moins naturel, écrire quelque chose amènera le scroll là où il faut.

31/12/14 à 12h02

"Bienheureux celui qui sait rire de lui-même, il n’a pas fini de s’amuser." Joseph Folliet

+0 -0

Situphen, mercredi 31 décembre 2014 à 12h29

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

31/12/14 à 12h29

Corruptible avec des crêpes au sirop d’érable

+0 -0

viki53, dimanche 04 janvier 2015 à 12h00

Hello,

As-tu essayé un simple $(".md-editor").focus() en plus de ta modif ? Parce que scroller si le focus n'est pas mis dans le textarea, ça peut vite être perturbant…

04/01/15 à 12h00

Mes tutos / Blog d’un dev(ops) Web

+0 -0

Situphen, dimanche 04 janvier 2015 à 12h33

@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

04/01/15 à 12h33

Corruptible avec des crêpes au sirop d’érable

+0 -0

viki53, dimanche 04 janvier 2015 à 12h49

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)…

04/01/15 à 12h49

Mes tutos / Blog d’un dev(ops) Web

+0 -0

Situphen, dimanche 04 janvier 2015 à 15h56

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…

04/01/15 à 15h56

Corruptible avec des crêpes au sirop d’érable

+0 -0

viki53, dimanche 04 janvier 2015 à 19h24

Perso j'ai un outline gris de base. Par contre appuyer sur le bouton de citation ne donne pas le focus (normal vu que c'est pas encore mis en prod).

04/01/15 à 19h24

Mes tutos / Blog d’un dev(ops) Web

+0 -0

Situphen, dimanche 04 janvier 2015 à 20h35

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

04/01/15 à 20h35

Corruptible avec des crêpes au sirop d’érable

+0 -0

viki53, dimanche 04 janvier 2015 à 20h44

Effectivement, Firefox a pas l'air de gérer le outline de la même façon.

Il faudrait peut-être ajouter un bout de CSS en plus pour harmoniser tout ça du coup…

04/01/15 à 20h44

Mes tutos / Blog d’un dev(ops) Web

+0 -0

Situphen, dimanche 04 janvier 2015 à 20h52

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 !

04/01/15 à 20h52

Corruptible avec des crêpes au sirop d’érable

+0 -0

viki53, dimanche 04 janvier 2015 à 20h54
Modifié

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) ?