yairEO/tagify

Dropdown not working when using within Fluent UI Panel React

Aperta

#963 aperta il 4 gen 2022

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)HTML (456 fork)github user discovery
BugHelp wanted

Metriche repository

Star
 (3880 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

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??

Guida contributor

Direzione di ricerca
Indaga perché il menu a discesa di tagify non si apre all'interno di un pannello Fluent UI. Verifica se il menu a discesa viene tagliato o coperto dallo stile del pannello, a causa di proprietà z index o overflow. Usa la demo fornita per ispezionare il DOM e la gestione degli eventi.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReacttagifyFluent UI
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60