downshift-js/downshift

ItemClick doesn't work with stateReducer inside an iframe

Open

#1.237 geöffnet am 13. Feb. 2021

Auf GitHub ansehen
 (9 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (980 Forks)batch import
bughelp wantedneeds investigation

Repository-Metriken

Stars
 (11.761 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 6T 9h) (5 gemergte PRs in 30 T)

Beschreibung

  • downshift version: 6.1.0
  • node version: codesandbox
  • npm (or yarn) version: codesandbox

What you did: I tried to combine the default example of multiple select and that state reducer part to achieve my dropdown not being closed after item click. I also wrap it in an iframe(using react-frame-component), cause I have such setup for my components in the documentation environment.

What happened:

ezgif-4-44bd487af032

ItemClick change type doesn't trigger stateReducer, which causes menu to close, although InputKeyDownEnter does.

Reproduction repository:

https://codesandbox.io/s/gallant-meadow-660h4?file=/src/index.js

Problem description: stateReducer doesn't fire with useCombobox.stateChangeTypes.ItemClick inside an iframe

Suggested solution: I could implement the fix with some advise help. Do you have any idea, what causes this?

Contributor Guide

Research-Richtung
Untersuchen Sie, warum der stateReducer bei ItemClick nicht ausgelöst wird, wenn downshift innerhalb eines iframes verwendet wird. Konzentrieren Sie sich auf die Ereignisausbreitung, den Kontext und wie das iframe in die Click Ereignishandler eingreifen könnte.
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
Reactdownshiftiframes
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
50