-
-
Notifications
You must be signed in to change notification settings - Fork 7.2k
Open
Labels
bugSomething isn't workingSomething isn't working
Description
Describe the bug
When using the previous or next chevron buttons to move from one month to the next, the popover size can change depending on the number of days/rows in the month.
This sometimes causes the next/prev buttons to be in a different position if the popover is anchored above its trigger. This often results in users accidentally clicking the backdrop and closing the popover without selecting a date.
I was thinking through some possible fix's but i'm not convinced that they wouldn't introduce their own UX issue, such as setting a fixed height.
Affected component/components
Calendar
How to reproduce
- Open the calendar
- Click the > button and index a few months
- Move from Jan to Feb and see that the > button is in a different position and most likely your pointer is now on the backdrop
- Clicking again on the backdrop closes the calendar
- More a UX issue as users often click rapidly to index months, and will likely close the calendar by accident
Codesandbox/StackBlitz link
N/A
Logs
System Info
MacOS Tahoe
React 19.1.0
Chrome browserBefore submitting
- I've made research efforts and searched the documentation
- I've searched for existing issues
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working
