react-component / react-component/trigger

Trigger = "click" breaks mouse interaction with components in it.

Offen
#159 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
391
Forks
245
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

In the example below, I have Popover that contains Select (from react-select). If Popover trigger is set to "click", then trying to select elements in the drop-down list as well as using its drop-down button closes the popover instead of allowing the interaction.

Using keyboard or trigger="hover" are two workarounds that I found that allow to select elements in a drop-down by clicking.

https://codesandbox.io/s/flamboyant-bhabha-3qh3c

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere die Interaktion in der verlinkten CodeSandbox mit einem durch einen Klick ausgelösten Popover, das react-select enthält. Beginne damit, die Behandlung des click-trigger-Verhaltens in diesem Repository nachzuverfolgen, und ermittle, warum Klicks innerhalb des Dropdowns das Popover schließen; abgeschlossen ist die Aufgabe, wenn die Auswahl im Dropdown und sein Button funktionieren, ohne es unerwartet zu schließen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.