react-component / react-component/select

When `showSearch={true}` and `defaultActiveFirstOption={false}`, pressing ArrowUp makes the second-to-last option active

Offen
#680 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
938
Forks
482
Ø Merge
15 Std. 8 Min.
Gemergte PRs (30 T.)
2

Beschreibung

If you have the following code:

<Select showSearch defaultActiveFirstOption={false}>
  <Select.Option value="a">A</Select.Option>
  <Select.Option value="b">B</Select.Option>
  <Select.Option value="c">C</Select.Option>
</Select>

And you start typing in the input field, pressing ArrowUp makes B active, not C.

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

Beginne damit, das bereitgestellte Select-Beispiel mit showSearch und defaultActiveFirstOption={false} zu reproduzieren, und verfolge anschließend die Tastaturbehandlung für ArrowUp sowie die Berechnung der aktiven Option. Füge einen Regressionstest hinzu, der zeigt, dass die Eingabe gefolgt von ArrowUp C statt B aktiviert, und bestätige, dass die bestehenden Tests für die Tastaturnavigation weiterhin erfolgreich sind.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

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