Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Question

Hello,I've got a problem with my Syncfusion Grid. I use Syncfusion 20.4.40, and react 18.1.0. While i have the edit mode open on my row, if i click twice on another row to open the edit mode before saving the previous one and do this routine once again the app crashes and it catches this Error : Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

The above error occurred in the <Portal> component:I replicated my problem on StackBlitz, you can find it here :https://stackblitz.com/edit/inculo?file=data.js,index.js,sample-base.js  ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​Thank you.Looking forward for your response.BestRegardsAlberto

Pavithra Subramaniyam · Answer

Hi Alberto,In your sample, we could see that you are trying to set
values for the currently edited row using both “setCellValue” and “updateRow”
methods inside the actionComplete event when the row saving action is on. So, if
you want to set new values to the currently edited row, we suggest changing the “args.data”
variable inside the “actionBegin” event which will overcome the reported
issue.

const actionBegin = (args) => {
    if (args.action === 'edit' && args.requestType === 'save' && args.rowData !== undefined) {
      .  .  .
      args.data['PrezzoTotale'] = prezzoTotaleAggiungere;
    }
  };

Sample: https://stackblitz.com/edit/inculo-unjnql?file=data.js,index.js,sample-base.jsRegards,Pavithra S