Problème de sélection des composants de l'interface utilisateur React Material

Question

Si vous allez dans « Sélectionner un composant » dans MUI https://mui.com/material-ui/react-select/

Et ouvrez le menu déroulant pour toute sélection. Vous remarquerez que vous ne pourrez pas interagir avec la page tant que vous n'aurez pas fermé la liste déroulante.

Existe-t-il une solution à ce problème ? Je ne peux même pas faire défiler après avoir ouvert la liste déroulante

P.S. Je ne veux pas utiliser NativeSelect.

Answer 1

Vous disposez probablement d'un écouteur d'événements pour le défilement (voir documentation) : https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event

Ensuite, lorsque cela se produit, utilisez la balise "open" sur le composant de sélection pour fermer la sélection par programme.