Discussion :

[Matteo53]

Bonjour,
j'ai crée un champ de recherche dans ma barre de menu avec saisi-automatique en utilisant de jquery-ui autocomplate.
J'utilise pour la mise en forme BOOTSTRAP.
Mon problème est que quand je tape une lettre dans mon champ de recherche "saisir un verbe en français" la liste de saisi-semi-automatique est caché par la div successive avec l'id"choixDesVerbes"

Code html :

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
       <div class="header container-fluid  sticky-top px-0 py-0 text-white">
      ...
        <nav class="navbar navbar-expand-md navbar-light">
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarSupportedContent" aria-expanded="false" aria- 
             label="Toggle navigation">
            <i class="bi bi-list"style="color:white; font-size:40px;"></i>
          </button>
          <div class="collapse navbar-collapse p-1 justify-content-around" id="navbarScroll">
            <ul class="navbar-nav  my-lg-0 navbar-nav-scroll justify-content-around mb-2">
              <li class="nav-item">
               ...
              </li>
              <li class="nav-item">
                ...
              </li>
              <li class="nav-item">
               ...
              </li>
              <li class="nav-item">
                ...
              </li>
            </ul>
              <div id ="formRechVerbes">
                <form>
                  <input type="text" placeholder="saisir un verbe en francais" aria-label="Search">
                  <button type="submit" class="btn btn-secondary btn-sm" type="button">rechercher</button>
                </form>
              </div>
          </div>
        </nav>
        <div class="container-fluid mb-3">
          <div class="row align-items-center justify-content-center p-2 bg-white select" id="choixDesVerbes">
            <div class="col-md-6 formVerbe1cat">
              <form class="form formVerbesUtilis1conj" id="formPremierGroupe">
                <div class="form-group">
                  <select class="form-select form-select-lg  mb-1" id="verbeUtilis1cat" aria-label="verbes premier groupe italiens">
                    <option disabled selected value="">choisir un verbe 1er groupe</option>
                  </select>
                  <button type="submit" class="btn btn-dark" type="button">conjuguer</button>
                </div>
              </form>
            </div>
          </div>
        </div>
    </div>

merci pour votre aide

[Matteo53]

Bonjour,
j'ai résolu le problème en utilisant une <datalist>, merci
bonne journée