Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
ffe-datepicker-react: Tab prison in Firefox
See original GitHub issueWhich package is this issue related to?
ffe-datepicker-react
Describe your issue
If the input field for the datepicker is focused pressing Tab always opens the calendar. When pressing Tab again the calendar is closed and the input field is given focus. Pressing Tab again opens the calendar. Pressing tab again gives the input field focus. Pressing tab again opens the calendar… 👮♂️ The cursor is imprisoned in the datepicker 👮♀️
What is the expected behavior?
Pressing Tab when the calendar is open should give the next tabbable element focus.
What is the actual behavior?
The previous tabbable element (the input field) is given focus. There is no way forward in the form without using a mouse.
Steps to reproduce
https://design.sparebank1.no/styleguidist/index.html#!/Datepicker/0
- Focus the input field and press Tab. The calendar should open.
- Press tab again. The element “View Code” should get focused. Instead we’re back in the input field.
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@wkillerud @ivarni @selbekk Created PR: https://github.com/SpareBank1/designsystem/pull/151
Right, I’m using Firefox. Running Nightly 61.0a1, but I see Ivar reproduced it in Stable.
So it’s a browser specific race condition - nice 😄