Le menu déroulant est une liste des actions contextuelles qui apparaissent suite au clic sur un bouton.
Documentation : Figma | Développeur
Langage: HTML
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" data-ft-dropdown="dropdown-example" id="button_93560135" type="button">
<span class="btn-content">Dropdown</span>
<span aria-hidden="true" class="icon icon-chevron-sm-d"></span>
</button>
<div id="dropdown-example" class="dropdown-menu dropdown-md">
<p class="dropdown-body">
France Travail est un établissement public à caractère administratif, chargé de l'emploi en France. Créé le 20 décembre 2008, il est issu de la fusion entre l'Agence nationale pour l'emploi et l'Association pour l'emploi dans l'industrie et le commerce.
</p>
</div>
</div> // L'aperçu n'est pas disponible pour les dépendances externes
window.addEventListener('load', function () {
/**
* Désactivation du clic sur les input disabled
*/
// On liste les input disabled
const disabledInputs = document.querySelectorAll('[aria-disabled="true"]');
for (const input of disabledInputs) {
// Pour chaque input on empêche le click
input.addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
// Pour chaque label associé, on empêche le click
const label = document.querySelector('[for="' + input.id + '"]');
if (label) {
document.querySelector('[for="' + input.id + '"]').addEventListener('click', function (e) {
e.preventDefault();
e.stopPropagation();
});
}
}
});