adobe / adobe/react-spectrum

React Aria Calendar flashes previous month when initialised

Open
#9,523 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

Hi,

I ran into an interesting bug when running Playwright tests on the calendar picker.

It calendar first loads with the last month visible and then flashes to the current month.

Happens so quickly that it's hard to catch, but it can be seen from your documentation page even:

https://react-aria.adobe.com/Calendar

https://github.com/user-attachments/assets/37fa4a38-a408-4c8f-af08-e3b642cf2f6a

### 🤔 Expected Behavior?

It should just show the current month with no flashing.

### 😯 Current Behavior

Last month flashes quickly.

### 💁 Possible Solution

Need to check the initialization routines. Maybe the previous calendar is always included for fast switching but it should be hidden better and in my case old dates are disabled, so really wasn't expecting to see it.

### 🔦 Context

I encountered this in Playwright tests but after consulting the documentation, I can see that it's a general issue.

### 🖥️ Steps to Reproduce

1. Go to the documentation page.
2. Observe the flashing calendar view from the last month.

### Version

react aria components 1.13.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

All browsers

### What operating system are you using?

Mac OS

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.