React-calendar-timeline: Sometimes no events rendered until component is resized

[thelazydogsback]

It seems like this is the case: If there is no current data when the component is first rendered and then item={events} is set subsequently, then the new items will not be rendered unless the user re-sizes the component. Changing the visibleStart/End times will still not render the items.
Note that although the items are not rendered, you can see that "stacking space" has been reserved for the items in each group.

For example, if I'm correctly displaying events for "this week" and I change my data source to "next week" and there are zero events for that period, then I switch back to "this week" then the events that were rendered correctly before are not rendered now - I need to resize the window,

[MatthiasDh]

Same issue!

[Ilaiwi]

@thelazydogsback @MatthiasDh could you try the beta version please and check if this happens there as well?
also a code sandbox example would be appriciated

[MatthiasDh]

@thelazydogsback found a fix! Don't render your calendar with an empty array if using async. Instead do a check to make sure your calendar doesn't render before you have items.

[thelazydogsback]

@Ilaiwi Can I install the beta bits or do I need to build from source?
@MatthiasDh I'll give it a try, but (a) I don't necessarily want the whole control to disappear on the user, and (b) when I try the conditional rendering I often have ref's, etc., break.

[thelazydogsback]

@Ilaiwi -- re: the beta, it looks like the last mods of src in this repo were 3 months ago -- is there another location for recent changes? thanks!

I tried installing the @next version (which is an npm ver. thing I didn't know about...) and this was the change:

- "react-calendar-timeline": "^0.26.7",
+ "react-calendar-timeline": "^0.19.0-beta.0",

so, given the version numbering, it doesn't seem like @next is newer...
Anyway, I tried it there there doesn't seem to be any change in behavior regarding this.

[Ilaiwi]

@thelazydogsback not @next try @beta to try out 0.27.3-beta beta
these is a codesanbox example with the beta that you could start from
https://codesandbox.io/s/timeline-demo-sticky-header-ylwn7

[thelazydogsback]

Thanks, @Ilaiwi -- looks like the 0.27.3-beta solves this particular issue.

[x1mrdonut1x]

@Ilaiwi when can we expect the beta version to be released on master?

[Ilaiwi]

@x1mrdonut1x there is no official release data yet

[karanbht507]

0.27.3-beta version worked for me. Try this out