Can't click dropdown when the placement is topLeft and in a scrollable area
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Anfängerfreundlichkeit
- 35/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne damit, die verknüpfte CodeSandbox mit Select, animation, getPopupContainer und einem scrollable container zu reproduzieren; im Bericht wird außerdem tree-select erwähnt. Es ist keine Quelldatei und kein Test angegeben, daher soll die Positionierung des Popups und das Klickverhalten vom Select-Einstiegspunkt aus nachverfolgt werden. Erledigt ist die Aufgabe, wenn das topLeft-Dropdown geöffnet wird und sein Inhalt nach dem Scrollen anklickbar ist, ohne dass ein zweiter Klick erforderlich ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Description
You can't click dropdown when the dropdown shows up at top in a scrollable area.
Reproduction
- Put
<Select>in a scrollable area (container) - Set its
getPopupContaineras this container - Add
animationto<Select> - Scroll it to the container's bottom
- Click input box to show dropdown (You need to click twice, another bug)
- You can't click the content in the dropdown
Here is an online demo
https://codesandbox.io/s/gallant-shtern-r88m4d?file=/src/App.tsx
Other information
Also in tree-select
- Vorherrschende Sprache
- TypeScript
- Sterne
- 938
- Forks
- 482
- Ø Merge
- 15 Std. 8 Min.
- Gemergte PRs (30 T.)
- 2
Entwicklungsumgebung
Die Einrichtungsdateien dieses Projekts haben wir noch nicht geprüft. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/select
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/select#1216 ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 45/100
react-component/select#1159 ·
-
a11y 问题Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 35/100
react-component/select#1087 · 1 Reaktion ·
-
showSearch 默认值是 false 把Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 25/100
react-component/select#1086 ·
-
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 30/100
react-component/select#1082 · 1 Kommentar ·
Alle Issues in react-component/select
Ähnliche Issues
-
module-request
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100
appandflow/stim#1604 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 92/100
lingdojo/kana-dojo#31060 · 1 Kommentar · 5 Reaktionen ·
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100
paperclipai/paperclip#14173 ·
Maintainer antworten meist innerhalb von 1 Tag
-
needs-triage
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
Maintainer antworten meist innerhalb von 1 Tag