Skip to content

Agenda Initially Expanded and Non-Responsive in iOS #2592

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Rakhilpr96 opened this issue Feb 2, 2025 · 9 comments · May be fixed by #2640
Open

Agenda Initially Expanded and Non-Responsive in iOS #2592

Rakhilpr96 opened this issue Feb 2, 2025 · 9 comments · May be fixed by #2640

Comments

@Rakhilpr96
Copy link

Rakhilpr96 commented Feb 2, 2025

After upgrading from Expo 49.0.15 & React Native 0.72.10 to Expo 52.0.28 & React Native 0.76.6, the Agenda component is displaying as expanded initially on iOS. Additionally, it is not scrollable and does not allow dragging to collapse or expand. However, when I manually tap at the position of the knob in the expanded view, it expands again and starts working as expected. Checked this with both react-native-calendars version 1.1304.1 & 1.1308.1.

Expected Behavior

  • The Agenda should start in a collapsed state (or the default initial state).
  • It should be scrollable and allow dragging to expand/collapse from the start.

Observed Behavior

  • The Agenda component starts in a fully expanded state instead of the expected initial state.
  • It is not scrollable or draggable initially.
  • Tapping on the position of the knob causes it to expand again, after which it works correctly.

Usage :

          <Agenda
            items={items}
            renderItem={() => (
              <View><Text>Main View</Text></View>
            )}
            rowHasChanged={(r1, r2) => {
              return r1.text !== r2.text;
            }}
            showOnlySelectedDayItems
            showClosingKnob={true}
            renderEmptyData={() => (
              <View><Text>Empty</Text></View>
            )}
            onDayPress={({ dateString }) => console.log(dateString)}
            />

Environment

  • Expo SDK: 52.0.28
  • React Native: 0.76.6
  • React Native Calendars: 1.1304.1 & 1.1308.1

Has anyone else encountered this issue after upgrading? Any suggested workarounds or fixes?

Agenda.iOS.Issue.mp4
@chrisdev3001
Copy link

same here, this is hapenning since I've upgrade to expo 52 😔

@nzaghini-phorest
Copy link

nzaghini-phorest commented Feb 13, 2025

Same here after upgrading to RN 0.76.7 but not on every iOS device thought which makes is more difficult to track down.

@ArturSousaFerreira
Copy link

same problem here on ios and on android agenda disappeares on load 😔

@chrisdev3001
Copy link

I just removed this prop:

showClosingKnob={true}

and now it works like a charm 🚀

@pannagger
Copy link

pannagger commented Mar 9, 2025

same here and removing the showClosingKnob={true} did not work either

@simnik12
Copy link

Screen.Recording.2025-03-17.at.11.42.42.AM.mov

Same problem for me as well with SDK 52.0.36, react-native 0.76.7 and React Native Calendars: 1.1310.0

@Catnais88
Copy link

Hello ! Same problem for me and I don't have Expo. I'm in a bare React Native project with react-native 0.77.1 and react-native-calendars 1.1310.0

@simnik12
Copy link

simnik12 commented Apr 8, 2025

Screen.Recording.2025-03-17.at.11.42.42.AM.mov
Same problem for me as well with SDK 52.0.36, react-native 0.76.7 and React Native Calendars: 1.1310.0

Any solution yet?

@pannagger pannagger linked a pull request Apr 16, 2025 that will close this issue
@pannagger
Copy link

Hi folks,
I did some local debugging and found a small fix that seems to work on my end. Please check out this PR and let me know if it works for you as well:
#2640

Branch name:
pannagger:fix/agenda/ios/issue2592

Looking forward to your feedback!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

7 participants