TextInput right icons / icons get focussed on tab press
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 45/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, react-native
- Bereich
- accessibility, frontend
Rechercherichtung
Start with the linked Snack reproduction and trace how TextInput right icons participate in web keyboard focus. Confirm the fix by tabbing through a form with several icon-bearing inputs and verifying that focus moves directly to the next input rather than stopping on an icon.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
Is there an existing issue for this?
- I have searched the existing issues
Explain what you did
TextInput icons are focussed when we press tab on web. This has a weird behavior in some forms using icons, since you want to go to the next input using the tab.
When a user has a form with several inputs with icons and press tab in web, the icon is getting focussed instead of focussing the next input (you need to tab again once the icon is focussed).
Expected behavior
Icons shouldn't get focus.
Describe the bug
TextInput icons are focussed when we press tab on web. This has a weird behavior in some forms using icons, since you want to go to the next input using the tab.
Steps To Reproduce
Go to this repro snack. Code is taken from docs.
https://snack.expo.dev/@estebanchornet/rne-input
Screenshots
No response
Your Environment
No response
- Vorherrschende Sprache
- MDX
- Sterne
- 25.9k
- Forks
- 4.7k
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beitragsleitfaden
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-native-elements/react-native-elements
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
react-native-elements/react-native-elements#4035 · 1 Kommentar ·
-
Needs Triage
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
react-native-elements/react-native-elements#3963 · 2 Kommentare · 2 Reaktionen ·
-
component: Button
react-native-elements/react-native-elements#4032 · 1 zugewiesene Person ·
-
TS Bug - @rneui/base@5.0.0 — Undeclared type dependency causes IconProps to lose color/name/size Offencomponent: Icon
react-native-elements/react-native-elements#4027 · 2 Kommentare · 4 Reaktionen · 1 zugewiesene Person ·
-
📞 Needs Response from Author
react-native-elements/react-native-elements#4022 · 9 Kommentare · 2 Reaktionen · 1 zugewiesene Person ·
Alle Issues in react-native-elements/react-native-elements
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
-
react-doctor severity:warning tech-debt
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 92/100
digidem/comapeo-cloud-app#399 ·
-
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 86/100
eknowledger/toolbench#101 · 1 Kommentar ·
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100