Décalage des lignes quand on rentre deux fois le même mot
Closed this issue · 2 comments
Saperlu commented
Après avoir saisi deux fois le même mot :
- Appuyer sur entrée ne fait rien (en apparence seulement car
currentAttempt
est incrémenté dans le composantGame
) - Réappuyer sur entrée check les bonnes lettres, la coloration se fait bien mais c'est la ligne du dessous qui shuffle. De plus, une erreur s'affiche alors qu'elle ne devrait pas :
Veuillez entrer un mot de 5 lettres
Saperlu commented
Quelques pistes en plus :
- En fait, c'est l'animation de la correction qui ne se lance pas, le check est bien effectué.
- L'erreur qui s'affiche est en fait légitime car une fois qu'on a appuyé sur Entrée la première fois, on saisi le mot suivant : si l'on réappuit, ça lance
verifyWord
pour 0 lettre saisie - Si l'on saisit une nouvelle lettre, l'animation se lance
Saperlu commented
Le fix est pret !
En fait, c'était l'état qui se mettait bien à jour mais Vue qui ne le détectait pas.
Je me suis aidé de cette ressource pour fix : https://michaelnthiessen.com/debugging-guide-why-your-component-isnt-updating/#1-check-that-variables-are-reactive