Comparaison comportementale
Champ à suggestions vs Liste de sélection
Choisir Champ à suggestions pour : Choisir dans une longue liste qui gagne à être filtrée. Choisir Liste de sélection pour : Choisir une valeur connue dans une liste courte ou moyenne.
| Dimension | Champ à suggestionsCombobox | Liste de sélectionSelect |
|---|---|---|
| Déclenchement | Le focus, la saisie ou un bouton facultatif ouvre les suggestions correspondantes. | L’appui sur le contrôle natif libellé ouvre le sélecteur de la plateforme. |
| Modalité | Champ modifiable non modal associé à une surface de suggestions. | Un choix de formulaire non modal dont la surface est gérée par le navigateur ou le système. |
| Positionnement | La liste de suggestions est ancrée au champ et maintenue visible dans la fenêtre. | Un contrôle dans le formulaire ; la surface d’options ouverte est placée par la plateforme. |
| Interactivité | Combine saisie de texte, navigation clavier et sélection d’une valeur suggérée. | Sélectionne une valeur parmi des options ; ne contient ni actions arbitraires ni contenu filtrable. |
| Focus | Le focus DOM reste dans le champ tandis que la relation d'option active communique la navigation dans la liste. | Le contrôle natif conserve un seul arrêt de focus et délègue le parcours des options à la plateforme. |
| Fermeture | Échap ferme la liste sans effacer la requête ; la sélection ou un appui extérieur sûr la ferme aussi. | Le sélecteur de la plateforme se ferme après sélection, annulation ou Échap, sans perdre la valeur précédente lors d'une annulation. |
| Rôle accessible | combobox controlling a listbox | native select |
| Cas d’usage | Choisir dans une longue liste qui gagne à être filtrée | Choisir une valeur connue dans une liste courte ou moyenne |
| Comportement mobile | Garder les suggestions visibles au-dessus du clavier logiciel ; utiliser une recherche plus grande pour les jeux très volumineux. | Préférer le sélecteur mobile natif sauf si le produit exige réellement un filtrage plus riche. |