Skip to content

react-native-calendars events render correctly in Chrome and safari but not in Firefox Mozilla (Expo Web): React Native Expo app #2708

@sandeeprajbhar24

Description

@sandeeprajbhar24

I am developing a React Native Expo Web application using the react-native-calendars library.
"react-native": "0.79.4"
"eas-cli": "^16.3.0"
"expo": "~53.0.11"
"react-native-calendars": "^1.1310.0"
When rendering event cards (e.g., in the Agenda or Calendar components), everything displays correctly in Chrome, but in Firefox, there are rendering issues:
Only events for a particular future date are shown, even if a different day is selected.

CalendarProvider
<CalendarProvider
date={selectedDate}
//onDateChanged={(date) => setSelectedDate(date)}
{...{ ...getAriaHiddenProps() }}

Event Card

<TimelineList
events={eventData}
scrollToNow={true}
key={theme === 'system' ? effectiveTheme : theme}
showNowIndicator
timelineProps={{
start: 0
end: platformConstants.isWeb ? 23.99 : timelineios
format24h: true
renderEvent: (event: any) => (
<EventCard
key={${event.date}-${event.title}}
event={event}
onPress={() => openEventModal(event)}
/>
)
This is how events looks in chrome and safari.
Image
This is how the events appear in Firefox — the data does not load according to the selected date, not even on the initial page load with the current date selected.
Image
I have already checked the data being passed and the render logic — the correct data (e.g., 8 events for a given day) is passed to the event card renderer in both Chrome and Firefox. However, Firefox does not display them properly, despite the data being there during debugging.
It seems like the library might have a browser-specific rendering issue, especially with Firefox, where it doesn't correctly recognize the currently selected date and hence fails to display the right event cards.
We want Firefox to display the event card data consistently, just as it is displayed in Chrome. like This is how events looks in chrome and safari.
Image
Community pls help.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions