Skip to content

Incorrect events appearance after navigation back & next #2529

Closed
@destimon

Description

@destimon

Check that this is really a bug

  • I confirm

Reproduction link

https://jquense.github.io/react-big-calendar/examples/iframe.html?id=addons-drag-and-drop--example-1&viewMode=story

Bug description

I faced problem which I also can reproduce on some of your examples (e.g. - https://jquense.github.io/react-big-calendar/examples/iframe.html?id=addons-drag-and-drop--example-1&viewMode=story)

ZivOKmd.mp4

Steps:

  • Switch to "Week" mode
  • Click "Back" or "Next" navigation button
  • Click another navigation button "Back" or "Next" to return back to previous week

It also can be fixed by clicking on any event. Looks like initially it calculates "top" property wrongly, and after click it re-calculates to correct value

Could you please help to understand whether it's expected or not? Thank you, your component is very nice!

Expected Behavior

Events should be displayed 1:1 as it was before navigation next+back or back+next

Actual Behavior

Events shifted straight to the bottom/top(depends what navigation button clicked)

react-big-calendar version

1.11.1

React version

18

Platform/Target and Browser Versions

macOS+Chrome(122.0.6261.94) and Windows 10+Chrome(122.0.6261.94)

Validations

  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a react-big-calendar issue and not an implementation issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions