-
Notifications
You must be signed in to change notification settings - Fork 3.1k
Description
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.
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.
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.
Community pls help.