[FILTER] Filter dropdown input doesn't work
Problème / Contexte
Sur les pages /library et /club-edukai, des dropdowns de filtres sont présents dans l'interface mais ne fonctionnent pas. Lorsqu'un utilisateur clique sur un dropdown pour filtrer le contenu, rien ne s'affiche : le popover/menu ne s'ouvre pas. L'utilisateur ne peut donc pas filtrer les résultats, ce qui dégrade l'expérience de navigation sur ces pages.
Solution proposée
Investiguer et corriger le comportement des dropdowns de filtres pour qu'ils s'ouvrent correctement au clic et affichent les options de filtre attendues.
Critères d'acceptation
Le dropdown s'ouvre au clic et affiche les options de filtre sur /library
Le dropdown s'ouvre au clic et affiche les options de filtre sur /club-edukai
La sélection d'un filtre met à jour le contenu affiché sur la page
Le dropdown se ferme correctement (clic extérieur, sélection, touche Escape)
Aucune régression sur les autres composants utilisant le même pattern dropdown dans le projet
Tests couverts pour : l'ouverture/fermeture du dropdown, l'affichage des options, l'application du filtre
Maquettes / Références
Comportement attendu : dropdown standard ouvrant un popover avec les options de filtre au clic — se référer aux autres dropdowns fonctionnels du projet
Impact estimé
Complexité: S
Pages concernées: /library, /club-edukai
Notes techniques
Vérifier en priorité si le state open/isOpen du dropdown est bien togglé au clic (inspecter via React DevTools)
Checker le z-index du popover : il peut s'ouvrir mais être rendu derrière un autre élément (overflow hidden sur un parent, z-index insuffisant)
Si le composant utilise Radix, Headless UI ou shadcn, vérifier que le Portal est bien configuré — un popover renderé dans un conteneur avec overflow: hidden sera invisible
Vérifier qu'il n'y a pas un pointer-events: none ou un overlay transparent qui intercepte le clic
Le bug étant présent sur deux pages différentes, le problème vient probablement du composant dropdown partagé lui-même et non d'un usage spécifique — le fix devrait corriger les deux pages d'un coup
Tester sur mobile aussi (le comportement du clic/touch peut différer)
[FILTER] Filter dropdown input doesn't work
Problème / Contexte
Sur les pages /library et /club-edukai, des dropdowns de filtres sont présents dans l'interface mais ne fonctionnent pas. Lorsqu'un utilisateur clique sur un dropdown pour filtrer le contenu, rien ne s'affiche : le popover/menu ne s'ouvre pas. L'utilisateur ne peut donc pas filtrer les résultats, ce qui dégrade l'expérience de navigation sur ces pages.
Solution proposée
Investiguer et corriger le comportement des dropdowns de filtres pour qu'ils s'ouvrent correctement au clic et affichent les options de filtre attendues.
Critères d'acceptation
Le dropdown s'ouvre au clic et affiche les options de filtre sur /library
Le dropdown s'ouvre au clic et affiche les options de filtre sur /club-edukai
La sélection d'un filtre met à jour le contenu affiché sur la page
Le dropdown se ferme correctement (clic extérieur, sélection, touche Escape)
Aucune régression sur les autres composants utilisant le même pattern dropdown dans le projet
Tests couverts pour : l'ouverture/fermeture du dropdown, l'affichage des options, l'application du filtre
Maquettes / Références
Comportement attendu : dropdown standard ouvrant un popover avec les options de filtre au clic — se référer aux autres dropdowns fonctionnels du projet
Impact estimé
Complexité: S
Pages concernées: /library, /club-edukai
Notes techniques
Vérifier en priorité si le state open/isOpen du dropdown est bien togglé au clic (inspecter via React DevTools)
Checker le z-index du popover : il peut s'ouvrir mais être rendu derrière un autre élément (overflow hidden sur un parent, z-index insuffisant)
Si le composant utilise Radix, Headless UI ou shadcn, vérifier que le Portal est bien configuré — un popover renderé dans un conteneur avec overflow: hidden sera invisible
Vérifier qu'il n'y a pas un pointer-events: none ou un overlay transparent qui intercepte le clic
Le bug étant présent sur deux pages différentes, le problème vient probablement du composant dropdown partagé lui-même et non d'un usage spécifique — le fix devrait corriger les deux pages d'un coup
Tester sur mobile aussi (le comportement du clic/touch peut différer)