La documentación de Primer.css indica cómo mostrar el menú pero no cómo ocultarlo al hacer clic dentro de las opciones.
https://primer.style/css/components/dropdown
<details class="dropdown details-reset details-overlay d-inline-block"> <summary class="btn" aria-haspopup="true"> Dropdown <div class="dropdown-caret"></div> </summary> <ul class="dropdown-menu dropdown-menu-se"> <li><a class="dropdown-item" href="#url">Dropdown item</a></li> <li><a class="dropdown-item" href="#url">Dropdown item</a></li> <li><a class="dropdown-item" href="#url">Dropdown item</a></li> </ul> </details>Puede obtenerlo para todos los menús desplegables de documentos eliminando fácilmente el atributo "abierto" de la clase "desplegable" cuando se hace clic en los elementos del "menú desplegable".
Este es un código JQuery rápido:
$('.dropdown-menu').click(function() { $('.dropdown').removeAttr("open"); });