Clicking both mouse buttons quickly on an arrow button causes the time picker to spin wildly
- Dominant language
- JavaScript
- Stars
- 2k
- Forks
- 858
- PR merge metrics
- No merged PRs in 30d
Description
### I'm Submitting a ...
```
[x] Bug report
[ ] Feature request
[ ] Support request
```
### Steps to Reproduce
1. Open the time picker
2. Click one of the arrow buttons quickly with both mouse buttons
### Expected Results
The time numbers should change normally.
### Actual Results
The numbers start to spin wildly and can't be stopped.
### Minimal Reproduction of the Problem
I can easily repro this issue in our codebase but also in the codepen linked from the project page. Here's a video: https://www.youtube.com/watch?v=owX54-e-k5k
Contributor guide
Research direction
Start by reproducing the issue in the time picker, using the linked project CodePen if needed, and focus on the arrow-button behavior when both mouse buttons are clicked quickly. Done means the time numbers change normally and do not continue spinning after the interaction.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100