Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug] [DatePicker]: Firefox- focus fails to move to the next element after selecting a date range in the DatePicker range variant #17663

Closed
2 tasks done
2nikhiltom opened this issue Oct 7, 2024 · 1 comment · Fixed by #17969
Closed
2 tasks done

[Bug] [DatePicker]: Firefox- focus fails to move to the next element after selecting a date range in the DatePicker range variant #17663

2nikhiltom opened this issue Oct 7, 2024 · 1 comment · Fixed by #17969
Assignees
@guidari @2nikhiltom
Labels
component: date-picker role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity type: bug 🐛

Comments

@2nikhiltom
Copy link
Contributor

2nikhiltom commented Oct 7, 2024 •
edited
Loading

Package

@carbon/react

Browser

Firefox

Package version

v11.67.0

React version

v18

Description

after selecting a date range using the DatePicker (range variant), the focus remains on the DatePicker instead of moving to the next focusable element. This issue is specific to Firefox

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-datepicker--range-with-calendar

Steps to reproduce

Select the dates using keyboard and on press of tab key focus not going to the next element. (Issue in firefox)

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct
@guidari guidari mentioned this issue Oct 15, 2024
Merged
@guidari
Copy link
Contributor

guidari commented Oct 25, 2024 •
edited
Loading

I tested in the previous version of Firefox 129.0.2 and in the lastest (131.0.3) and the issue still happens on both version. Hopefully it is something we can fix in the code.

Here it is a Stackblitz

@2nikhiltom 2nikhiltom self-assigned this Nov 4, 2024
@guidari guidari self-assigned this Nov 4, 2024
@2nikhiltom 2nikhiltom mentioned this issue Nov 5, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@guidari guidari

@2nikhiltom 2nikhiltom

Labels
component: date-picker role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity type: bug 🐛
Projects
Design System
Status: ✅ Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(datepicker): focus trap in FireFox carbon-design-system/carbon
3 participants
@alisonjoseph @guidari @2nikhiltom