Drag and drop adjustment issue

[Salmankhan033]

When I drop the event on midline means half in one date and half of another date then it can't adjust automatically?
Is there any way that it does not drop the event on the midline (date separate line).

[Salmankhan033]

https://user-images.githubusercontent.com/58082294/156743833-344aed1d-0e2b-462b-be05-4af039299e5a.mov
when I drop the event in the midline that it stop, The Updated API is called after that the Even get API called then the event change their place.
is it possible that it adjust automatically before API call ?

[pdpino]

I see, thanks for the video, I'll check this out.

For now, can you send me your code for the onDragEvent callback and the render()? And any hooks involved.

[pdpino]

I can reproduce this behavior if I use a time-consuming call in onDragEvent before the events' database (in this case is the state) is updated, for example:

  onDragEvent = async (event, newStartDate, newEndDate) => {
    console.log('Calling some API...');
    const result = await callMyAPI(); // time-consuming call, e.g. takes 1-2 seconds
    console.log('Finished.');

    // Update my local database (for example the component's state: this.setState(...))
    this.updateLocalDB(event, newStartDate, newEventDate);
  };

I can fix it with any of these two options:

// (1) updating the local DB before the time-consuming call
this.updateLocalDB(event, newStartDate, newEventDate);
const result = await callMyAPI();

// or (2) using runAfterInteractions(), see: https://reactnative.dev/docs/interactionmanager
InteractionManager.runAfterInteractions(async () => {
  const result = await callMyAPI();
  // ...
});
this.updateLocalDB(event, newStartDate, newEventDate);

[pdpino]

Moving this discussion to #248