Recherche menu déroulants – Problème de chargement des valeurs au scroll

[AdelineCelier]

Il y a le même bug sur les menus déroulants que sur le menu déroulant des espèces dans les missions : quand je scrolle dans le menu, je ne peux pas cliquer sur les valeurs. En revanche quand je fais une recherche cela fonctionne

[VincentAntoine]

Même problème dans le formulaire de préavis manuels sur les sélections de ports, d'espèces...

Discuté ensemble avec Loup et Ivan, Loup et moi n'avons pas le problème sur Linux, Ivan le reproduit sur Mac. Cause non identifiée à ce stade.

[AdelineCelier]

A noter que certains utilisateurs du CNSP ont trouvé une parade des plus étonnantes pour contourner le problème : quand ils n'arrivent pas à cliquer sur un item du menu déroulant après avoir scrollé, ils font glisser la fenêtre du navigateur sur un autre écran et là ça marche, ils peuvent cliquer !
...je ne sais pas si cela peut aider à comprendre d'où vient le problème :-/

[ivangabriele]

Reproduction

1. Être sous macOS
2. Lancer le Storybook de monitor-ui en local
3. Aller sur la story "Fields > Select (variations)" (car elle utilise virtualized)
4. Cliquer sur le bouton "Open in new window" pour émuler l'ouverture en mode window.open()
5. Scroller un peu dans la liste

=> Impossible de cliquer pour sélectionner une option.

Investigation

Tentative n°1 : Utilisez le composant SelectPicker directement

Même bug.

Tentative n°2 : Upgrader Rsuite à la dernière version v5.70.2

Même bug (y compris sur le composant "nu").

Tentative n°3 : Utiliser react-select

Note : Je prends la liberté d'utilise la deuxième paquet la plus populaire plutôt que le paquet historique car son auteur principal a l'air d'avoir abandonné son compte Github.

En cours...