yairEO/tagify

Dropdown not working when using within Fluent UI Panel React

Offen

#963 geöffnet am 04.01.2022

Auf GitHub ansehen
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (456 Forks)github user discovery
BugHelp wanted

Repository-Metriken

Stars
 (3.880 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuchen Sie, warum das Dropdown Menü von tagify innerhalb eines Fluent UI Bedienfelds nicht geöffnet wird. Prüfen Sie, ob das Dropdown Menü durch das Styling des Bedienfelds abgeschnitten oder überlagert wird, möglicherweise aufgrund von z index oder overflow Eigenschaften. Verwenden Sie die bereitgestellte Demo, um das DOM und die Ereignisbehandlung zu überprüfen.
Tech Stack
javascriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReacttagifyFluent UI
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60