search

Hacker0x01 / react-datepicker

A simple and reusable datepicker component for React
https://reactdatepicker.com/
MIT License
7.91k stars 2.23k forks source link

Accessibility issue - Datepicker should be closed when input is unfocused #3561

Open Ke1sy opened 2 years ago

Ke1sy commented 2 years ago

Describe the bug When calendar is open and user unfocus the input by returning to previous focusable element with alt+tab, it should close.

To Reproduce Steps to reproduce the behavior:

  1. Start the screen reader and open the date-picker with keyboard.
  2. Press "alt + tab" to return to previous focusable element.

Expected behavior Datepicker should be not visible.

Screenshots image

Desktop (please complete the following information):

sebastianvitterso commented 2 years ago

Press "alt + tab"

I made the same mistake (which is how I found your issue), but I think you mean "shift + tab".

Issue still exists, and is very annoying when there are multiple date-pickers in a row (e.g. in a "from", "to" filter scenario)

ConcernedHobbit commented 1 year ago

Related to #3685, the component does not blur correctly when tabbing out

github-actions[bot] commented 3 weeks ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.