search

namespace-ee / react-calendar-timeline

A modern and responsive react timeline component.
MIT License
1.91k stars 613 forks source link

Scroll Bug #918

Open xKURDOx opened 7 months ago

xKURDOx commented 7 months ago

Description The bug occurs when reloading the page on the timeline. It makes itself noticeable when you then try to scroll thruough the timeline (with your mouse or dragging). The days start scrolling completely random (backwards and really fast) while the single cells dont even change.

Reproduce: Just implement a calendar with a few groups and events, reload the page in the browser and try scrolling.

There is no speacial custom code involoved in this, if you feel like there might be some unexpected changes we have made that lead to such behavior please respond.

Library Version Version : 0.28.0

PauloMesquitaSP commented 5 months ago

Did you find any workaround on this? No matter the way I move the time always go backwards and super fast. If I interact with an item first it works normally

Update => I found a workaround, I'm rendering my timeline only when my items and groups are ready and it works fine:

{items.length > 0 && groups.length > 0  ?  (
<Timeline ....
) : null}
xKURDOx commented 5 months ago

@PauloMesquitaSP Hello, thank you for the response, i haven't found a workaround myself, but i will try yours.

sebastian-unity3d commented 3 months ago

There is an issue with the library, where the timeline does not function properly, if no groups are present - therefore, I would suggest to always supply a placeholder group, if the array of groups is empty, e.g.: const timelineGroups = groups && groups.length > 0) ? groups : [{ id: 0, title: 'There are no groups' }];