Kanban board card positions not updated after using drag drop on multiple cards

[Martin McSharry]

Hi,

I am trying to get the Kanban to always show the latest data after I drag and drop a card. It seems to lose track of the changes after dragging multiple cards on the kanban. This results in the kanban showing the old position for the most recently dragged card.

My steps to reproduce:

1. load kanban and drag a card to a new column. wait for kanban to refresh.
2. repeat this around 4 times. Eventually the Kanban will refresh but the most recently dragged card will not have the correct column.

It seems to send an edit request and then display the updated data after that returns. I noticed it also sends a 2nd request to Get data which doesn't seem to do anything when it returns. Could you clarify what is happening here?

I tried manually refreshing the kanban after editing in the dataBound event, but it does not pass up the query with the request when I refresh.

This is my datasource:

new DataManager({

            url: "/controller/getdata",

            updateUrl: '/controller/editdata',

            adaptor: new UrlAdaptor

        });

[Gunasekar Kuppusamy]

Hi Martin,

Greetings from Syncfusion support.

Query: 

I am trying to get the Kanban to always show the latest data after I drag and drop a card. It seems to lose track of the changes after dragging multiple cards on the kanban. This results in the kanban showing the old position for the most recently dragged card.

We have validated your reported query from our end, but unfortunately, we could not reproduce the issue from our end.

The dropped cards are placed in the proper column of the Kanban. We have prepared a sample and working video for your reference.

Sample: https://stackblitz.com/edit/vbjnjk-uzfnz4?file=package.json

Service:

https://www.syncfusion.com/downloads/support/forum/169010/ze/ScheduleCRUD-1923342288_(2)1305564689-1635661934

Video Reference:

 https://www.syncfusion.com/downloads/support/forum/169010/ze/Video2072704267

If you are still facing the issue, please share the following details,  

• If possible, modify the above sample to reproduce the issue.
• Share the used code snippets of the Kanban control.
• Any video reference for issue reproducing scenario.
• The exact package version you are using.

  

The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.  

Query : It seems to send an edit request and then display the updated data after that returns. I noticed it also sends a 2nd request to Get data which doesn't seem to do anything when it returns. Could you clarify what is happening here?

The second GetData request is called for to get all card details from the server.

Also, we suggest use crudUrl for perform multiple cards drag and drop action.

Documentation: https://ej2.syncfusion.com/documentation/kanban/data-binding/#url-adaptor

Regards,

Gunasekar

[Martin McSharry]

Hi,

I was able to recreate my issue with your demo. I added logic to the dataBound setting to set the column header text to a custom calculation based on a model property. This causes the kanban to become out of sync after a few edits.

https://stackblitz.com/edit/vbjnjk-ww8tnk?file=index.ts

Yes, the second GetData request does get the data, but I am confused as to why it does this. The kanban has already refreshed before this request is sent. In the demos and your sample, the edit request also gets the latest data and returns it. I have tested returning null and the kanban still refreshes fine. 

So it seems like the kanban refreshes using local data, and then unnecessarily gets the data twice from the server.

The reason I have noticed this is because of the above issue where my kanban is showing incorrect data. And when I investigated the second GetData request, it is returning the correct data, but the kanban does not reflect this. Does this mean the kanban only shows data that has been manipulated on the client, and I need a fullrefresh the browser to use the data from the server?

[Gunasekar Kuppusamy]

Hi Martin,

Currently we are ​validating your reported query from our end. We will update the further details within two business days on or before 1^st October.

Regards,

Gunasekar

[Gunasekar Kuppusamy]

Hi Martin,

Sorry for the delay.

We have further validated your reported query. We found the Kanban board is refreshed before it is receiving the data from the server and, we have considered “Kanban Board is refreshed before fetching the data from server”  as a bug from our end and logged the report for the same and it will be included in our patch release on 19^th October 2021. 

  

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link :  https://www.syncfusion.com/feedback/29224  

 

Regards, 

Gunasekar 

[Martin McSharry]

Hi Gunasekar,

Has this patch now been released?

[Gunasekar Kuppusamy]

Hi Martin,  

  

 Thanks for your patience. 

 

We have included the fix for the issue  “Kanban Board is refreshed before fetching the data from server”  with the version “19.3.46”. Can you please upgrade your package version to the latest to resolve the issue from your end? 

  

Release notes: https://ej2.syncfusion.com/documentation/release-notes/19.3.46/?type=all#kanban 

  

We thank you for your support and appreciate your patience in waiting for this patch release. Please get in touch with us if you would require any further assistance . 

 

Regards, 

Gunasekar 

[Martin McSharry]

Hi Gunasekar,

I have got version 19.3.46 and nothing has changed functionality-wise? I tested the above example again and the issue is still there.

[Gunasekar Kuppusamy]

Hi Martin,

Good day to you.

As earlier mentioned, we have considered  “Kanban Board is refreshed before fetching the data from the server” as a bug from our end and included the fix for it.

Also, we have ensured the fix with the latest source, and it's working fine.

Video Reference -19.2.44 Version (Page has refreshed but old data maintained in the source):

https://www.syncfusion.com/downloads/support/forum/169010/ze/Issue1717280649

Video Reference -(19.3.46 Version (Page has refreshed with newly updated data):
https://www.syncfusion.com/downloads/support/forum/169010/ze/Issue475528520

Still, If you facing the above issue, please follow the below steps to install the latest package on your machine.

1. Open the project root folder and delete the @syncfusion folder inside the node_modules folder.
2. Also, delete the package-lock.json from the root path.
3. Open the package.json file and, and edit the @syncfusion/ej2-kanban package version to a higher version

4.  

"@syncfusion/ej2-angular-richtexteditor": "19.3.46" 

5. Open the Command prompt and run the npm install command.
   

Please check the solution and let us know if you have any concerns 

 

Regards,

Gunasekar

[Martin McSharry]

Hi Gunasekar,

Sorry, I must not have updated correctly. The kanban data is now correctly staying in sync with the edit actions.

Thanks for that.

I have noticed a new bug from this update. After you drag and drop a card, the column header template seems to reset to default and ignore the template. I can't replicate this in StackBlitz because it won't let me download the latest version of ej2.

[Gunasekar Kuppusamy]

Hi Martin, 

 

Thanks for the reply. 

 

We have validated your reported issue with the latest version but we are not unable to reproduce the issue from our end. Column header has a proper template while drag and drop operations. 

 

We have prepared a sample and video reference for your reference. 

 

Video: https://www.syncfusion.com/downloads/support/forum/169010/ze/video-1140896391 

 

Sample: https://www.syncfusion.com/downloads/support/forum/169010/ze/ej2-quickstart476142445 

Service: https://www.syncfusion.com/downloads/support/forum/169010/ze/ScheduleCRUD-1923342288_(2)1305564689-1635661934

 

If you are still facing the issue, please share the following details,  

• If possible, please modify the above sample to reproduce the issue.
• Any video reference for issue reproducing case.
• Share with us the Kanban rendered code snippets.

  

The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.

Regards, 

Gunasekar