eventClick on V5 is refreshing the calendar when doing SetState

[phpbits]

Bug Reports

I'm using React and trying to add custom event info popover on EventClick. The problem is the calendar is refreshing when setting state. Is there any way to prevent this from happening? Thanks!

[arshaw]

Though it's hard to know for sure because you didn't post a reduced test case, I believe I came across this bug and fixed it for the official v5 release.

Could you please get the latest code and verify?

[phpbits]

@arshaw I'm just setting custom state on eventClick and I'm still getting the refresh issue onClick.

eventClick={ ( info ) => {
	this.setState( {
		isPopoverOpen: true,
		currentEvent: info,
	} );
} }

[phpbits]

Forgot to mention that this isn't happening on version 4. Thanks!

[Mick89]

I have a similar problem with inserting into a form (php).

<form method="post" action="?">
  <div id='calendar'></div>
</form>

A click on the buttons in headerToolbar (prevYear,prev,next,nextYear today) will send the form.
I don't have this problem with version 4.

Thanks!

[arshaw]

@Mick89 and @phpbits , I think you are describing two different problems. I can't help either of you unless you post a runnable demo:

runnable demo instructions

Would really appreciate it because the time saved reproducing will be time spent fixing. I'm closing this issue until then.

[Mick89]

Excuse me.

A click on the buttons in headerToolbar (prevYear,prev,next,nextYear today OR month, week, day) will send the form (or refreshing the calendar).
I don't have this problem with version 4.

https://codepen.io/Mick89/pen/jOWmMMB

Thanks again!

[phpbits]

@arshaw Managed to fixed my issue by using initialEvents instead of events when fetching data.

[Ben-CA]

@arshaw Managed to fixed my issue by using initialEvents instead of events when fetching data.

Thanks so much for posting this solution!