question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Swiping bugs in ExpandableCalendar and WeeklyCalendar

See original GitHub issue

Description

Swiping twice in one direction on ExpandedCalendar in closed position and on WeeklyCalendar causes the calendar to reset to the original week after the second swipe.

Expected Behavior

Swipe left twice, or right twice. You should now see the week that is 2 weeks previous/after from the week that you originally swiped from.

Observed Behavior

You quickly see the week that is 2 weeks previous/after from the week that you originally swiped from, but then the calendar refresh to the original week that you started from

Note: This doesn’t happen when you tap on the left/right header arrows. This only happens when swiping.

https://user-images.githubusercontent.com/19961146/132799524-c7d6aae5-810c-4f02-b675-321a891f15fe.mov

Environment

Please run these commands in the project folder and fill in their results:

  • npm ls react-native-calendars: react-native-calendars@1.1266.0
  • npm ls react-native: react-native@0.63.2

Also specify:

  1. Device/emulator/simulator & OS version: Android Pixel 3 XL (version 11); iPhone 11 (version 14.7.1)

Reproducible Demo

Please provide a minimized reproducible demonstration of the problem you’re reporting. The only needed to reproduce the issue is

<CalendarProvider date={Date()}>
        <ExpandableCalendar hideKnob={true} />
</CalendarProvider>

or

<CalendarProvider date={Date()}>
        <WeekCalendar />
</CalendarProvider>

Issues that come with minimal repro’s are resolved much more quickly than issues where a maintainer has to reproduce themselves.

Screenshots

Screenshots or gifs of the issue and the suggested fix will help us move faster with the review process.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:5
  • Comments:5

github_iconTop GitHub Comments

4reactions
arul36commented, Sep 13, 2021

In OnScroll - WeeklyCalendar/Presenter. The argument should be newPage instead of page is my understanding.

onScroll = ({context, updateState, x, page, items, width}: any) => { …

if (this._shouldUpdateState(page, newPage)) {
  invoke(context, 'setDate', items[newPage], updateSources.WEEK_SCROLL);
  const data = this._getItemsForPage(newPage, items); //this line
  updateState(data, newPage);
}

};

1reaction
Inbal-Tishcommented, Oct 4, 2021

@Mako-L We’re on it. Will have the fix on the next release.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ExpandableCalendar slide folding problem #957 - GitHub
When CalendarProvider works with ExpandableCalendar to use the folding calendar, swipe up to fold the calendar.
Read more >
react-native-calendars/CHANGELOG.md - UNPKG
30, ## [1.193.0] - 2019-6-26. 31, ### Bug Fix. 32, - ExpandableCalendar - fix for week paddings. Changing knob container height and weekDays...
Read more >
react-native-calendars | Yarn - Package Manager
This module includes various customizable React-Native calendar components. ... ExpandableCalendar screen - removing unnecessary 'data' prop sent to ...
Read more >
table_calendar | Flutter Package - Pub.dev
Highly customizable, feature-packed calendar widget for Flutter. ... Multiple calendar formats (month, two weeks, week); Horizontal swipe boundaries (first ...
Read more >
World of Insects Calendar - Entomological Society of America
New: In 2021, ESA launched a weekly "Arthropod Photo of the Week" feature on social media, for which submitted photos may also be...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found