Bonjour,

Lors du submit du formulaire de login, j'obtiens l'erreur suivante au niveau de la console :
Blocked autofocusing on a form control in a cross-origin subframe.
En faisant des recherches, j'ai lu que cela pouvait provenir d'une utilisation de JavaScript d'origine différente. Or, je n'utilise pas de JavaScript dans cette page.

Voici la fonction dans mon controller :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    /**
     * @Route("/security/login", name="security.login")
     */
    public function login(AuthenticationUtils $authenticationUtils)
    {
 
        if ($this->get('security.authorization_checker')->isGranted('IS_AUTHENTICATED_REMEMBERED')) 
        {
 
            return $this->redirectToRoute('user.dashbord');
 
        }
 
            $error = $authenticationUtils->getLastAuthenticationError();
            $lastUsername = $authenticationUtils->getLastUsername();
 
        return $this->render('Security/login.html.twig', [
                                                            'last_username' => $lastUsername, 
                                                            'error' => $error,
                                                         ]
                            )
        ;
 
    }
Mon template :

Code twig : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
{% extends 'base.html.twig' %}
 
{% block title 'Login' %}
 
{% block body %}
 
    <div class="container mt-4">
 
        {% if error %}
 
            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
 
        {% endif %}
 
        {{ include('_messages.html.twig') }}
 
        <form action="{{ path('security.login') }}" method="post">
 
            <div class="form-group">
 
                <label for="username">Email address</label>
                <input type="text" placeholder="Email adress..." id="username" name="_username" class="form-control" value="{{ last_username }}"  required autofocus>
 
            </div>
 
            <div class="form-group">
 
                <label for="password">Password</label>
                <input type="password" placeholder="Password..." id="password" name="_password" class="form-control" required>
 
            </div>
 
            <div class="checkbox mb-3">
 
                <input type="checkbox" id="remember_me" name="_remember_me" checked/>
                <label for="remember_me">Remember me</label>
 
            </div>
 
            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
 
            <button type="submit" class="btn btn-primary">Login</button>
 
        </form>
 
            <div>
 
                <a href="{{ path('security.resetting.request') }}" class="btn btn-primary">Forgotten password</a>
 
            </div>
 
    </div>
 
{% endblock %}

Quelqu'un aurait une idée sur la provenance du problème?

Merci d'avance pour votre aide.