par
Ryle » 26 janv. 2021, 20:08
Alors effectivement, je t'avoue ne pas non plus voir ce qui peut poser problème dans ce code. Mais déjà on avance : tu arrives bien à accéder à ta page, et c'est au moment où tu cliques sur cette page, qu'au lieu de mettre le focus dans le champ, il te redirige comme si tu avais cliqué sur le lien "se connecter" de ton menu
Il est possible qu'il y ait un problème au niveau du css et des classes utilisées qui ferait que ce lien se retrouve pour une raison ou pour une autre, au dessus de ta page (et donc en cliquant, tu l'actives involontairement). Si tu sais utiliser le débuggeur du navigateur, une fois sur ton formulaire, au lieu de faire un clic gauche, tu peux faire un clic droit et utiliser la fonction "inspecter". Cela mettra en surbrillance les éléments dans le code et à l'écran et montrera peut être ce qui pose problème (tu peux aussi éventuellement nous montrer le contenu de ton fichier app.css)
Mais sinon, le plus rapide sera de rétablir les require du header (et du footer) et enlever puis remettre progressivement les éléments dans le header pour identifier précisément celui qui pose problème. Tu commences par supprimer tout le bloc <nav> et tout devrait fonctionner. Puis tu le rétablis en supprimant les blocs navbar-header, navbar-brand, etc. tu testes, et tu en rajoute un peu..

Alors effectivement, je t'avoue ne pas non plus voir ce qui peut poser problème dans ce code. Mais déjà on avance : tu arrives bien à accéder à ta page, et c'est au moment où tu cliques sur cette page, qu'au lieu de mettre le focus dans le champ, il te redirige comme si tu avais cliqué sur le lien "se connecter" de ton menu :)
Il est possible qu'il y ait un problème au niveau du css et des classes utilisées qui ferait que ce lien se retrouve pour une raison ou pour une autre, au dessus de ta page (et donc en cliquant, tu l'actives involontairement). Si tu sais utiliser le débuggeur du navigateur, une fois sur ton formulaire, au lieu de faire un clic gauche, tu peux faire un clic droit et utiliser la fonction "inspecter". Cela mettra en surbrillance les éléments dans le code et à l'écran et montrera peut être ce qui pose problème (tu peux aussi éventuellement nous montrer le contenu de ton fichier app.css)
Mais sinon, le plus rapide sera de rétablir les require du header (et du footer) et enlever puis remettre progressivement les éléments dans le header pour identifier précisément celui qui pose problème. Tu commences par supprimer tout le bloc <nav> et tout devrait fonctionner. Puis tu le rétablis en supprimant les blocs navbar-header, navbar-brand, etc. tu testes, et tu en rajoute un peu.. :)