yairEO/tagify

Dropdown not working when using within Fluent UI Panel React

Ouverte

#963 ouverte le 4 janv. 2022

Voir sur GitHub
 (3 commentaires) (0 réaction) (0 personne assignée)HTML (456 forks)github user discovery
BugHelp wanted

Métriques du dépôt

Stars
 (3 880 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

hi, I'm using the Panel (Fluent UI Panel) of Microsofts Fluent UI Library and would like to render the React tagify-textbox inside.

When using the tagify control outside the panel it works fine, but inside the panel the dropdown is not opened when typing @kenny Here is an example.

Demo

Can you tell me how to fix this? Maybe the component where the dropdown is rendered in is not available at startup??

Guide contributeur

Direction de recherche
Enquetez sur les raisons pour lesquelles le menu déroulant de tagify ne s'ouvre pas dans un panneau Fluent UI. Vérifiez si le menu déroulant est coupé ou superposé par le style du panneau, probablement en raison des propriétés z index ou overflow. Utilisez la démo fournie pour inspecter le DOM et la gestion des événements.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReacttagifyFluent UI
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60