strapi / buffet

Buffet.js — React Components Library made with styled-components
https://www.buffetjs.io
539 stars 67 forks source link

TimePicker blurs on first keypress #196

Open jpizzle34 opened 3 years ago

jpizzle34 commented 3 years ago

Hello there!

When using the keyboard to enter a specific time ni the timepicker, the timepicker loses focus after the first keypress. This means I cannot enter the exact time I want, instead, I have to resort to selecting a time from the intervals in the dropdown menu using my mouse.

Ideally, I would like the TimePicker to not lose focus after the first keypress so I can input an exact time and also for accessibility reasons.

To reproduce: https://www.buffetjs.io/storybook/?path=/story/components--timepicker Input time. It works as desired on the first go. Try to input a time again, using the keyboard.

Peek 2021-06-14 18-50

Browser: Google Chrome 91.0.4472.101 OS: Pop!_OS 20.10 x86_64