Failed to execute "removeChild" when using a value from a state-variable together with an valueTemplate

[Laurin S]

Hi,

I would like to use a DropDownList, where the selected value of the list is stored in a state variable. In addition, I would like to use the my own valueTemplate. However, it gives my always the following error when selecting another item from the dropdown:

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

Any ideas?

I've attached a demo code, that shows the error. (Hint: when commenting the "change"-event property or the " valueTemplate"-event property of the dropdown, the demo works perfectly.)

Thanks.

Attachment: reactwhzgpn_(1)_7ff72a3f.zip

[Ponmani Murugaiyan]

Hi Laurin, 

Thanks for contacting Syncfusion support. 

We able to replicate the reported issue in our end. We are currently validating in our end. We will update further details in 2 business days (July 30, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Sevvandhi Nagulan]

Hi Laurin,

Sorry for the inconvenience caused.

We need additional time to validate this query in our end. We will update further details on or before of August 3rd,2021. We appreciate your patience until then.

Regards,

Sevvandhi

[Guillermo Carrillo]

I'm experiencing the same problem. Only when compiling for production on a creact-react-app application.

[Sevvandhi Nagulan]

Hi All, 

Thanks for your patience. 

We considered the reported issue as a bug at our end. We will include the fix for the reported issue in the upcoming volume 2 sp1 release which is scheduled to be roll out by 12th of August,2021. We appreciate your patience until then.     

You can track the status of the reported issue from the feedback link below. 

Feedback link: https://www.syncfusion.com/feedback/27531/ 

Regards, 

Sevvandhi N 

[Himanshu Ahuja]

Yesterday (12 Aug)  a patch released is this cover in this or not?

 

[Sevvandhi Nagulan]

Hi Himanshu, 

Sorry for the inconvenience caused. 

Due to complexity ,the fix for the reported issue not included in the patch release. We will share the revised timeline on or before of 17^th august,2021. We appreciate your patience until then. 

Regards, 

Sevvandhi N 

[Laurin S]

Are there any news? The problem seems still not solved...

(waiting already 2 months on something very basic and essential in order to be capable to use this component...)

[Berly Christopher]

Hi Laurin S, 

  

We deeply regret for the inconvenience caused. 

  

We have faced more complexities while fixing the reported issue at our end. Also, we need to ensure all the dependent components after the fix has been included and it is in a testing phase. We will provide high priority to test and include in weekly patch release after Volume 3 Main release which will be expected to be rolled out on first week of October 2021. We appreciate your patience until then. 

  

Regards, 

Berly B.C 

[Laurin S]

aaaand????

[Berly Christopher]

Hi Laurin, 

Thanks for the patience.  

   

We are glad to announce that fix for the issue "Console error occurs when using a value and valueTemplate together" has been rolled out in the weekly patch release 19.3.45. We request you to update the Syncfusion product version to latest version to get rid of this issue.   

 

Regards,  

Berly B.C  

[Laurin S]

Sorry, but the problem is still there.

I attach again the original demo code, that shows the error (and yes, I've updated the npm dependencies on the latest version).

Attachment: reactwhzgpn_(1)_7ff72a3f_1b4b8623.zip

[Berly Christopher]

Hi Laurin, 

  

We have ensured the shared code in the latest version and the reported issue does not occurred. So, we have taken video demonstration and attached it below. 

  

Video Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DDL_Script_error-1225588896  

  

So, we suspect that the issue may be caused due to the duplicate packages in your application. So, we suggest you to delete the package.lock.json file and re-install the Syncfusion packages again with help of “npm install” command. After that, we suggest you to run the “npm dedupe” command for remove the duplicate packages in the application. Please refer the below documentation. 

  

UG Link: https://ej2.syncfusion.com/documentation/common/how-to/update-npm-package/  

  

For your reference, we have prepared the sample with shared code example and attached it below. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/quickstart-708363355  

  

Please ensure the reported issue in the above attached sample and confirm us that will help us to identify the problem at our end. 

  

Regards, 

Berly B.C 

[Laurin S]

Hi,

thanks for the quick reply.

I have now discovered the difference between your code example and mine, which also produces the error.

I moved the two functions "itemTemplate" and "valueTemplate" into the scope of "App", and now the error appears again.

I attached the "modified" App.js file, that reproduces the error.

Thanks.

Attachment: App_52a2df64.zip

[Ponmani Murugaiyan]

Hi Laurin, 

Thanks for the update. 

Currently we are checking the reported query based on your provided information. We will update further details in 2 business days (October 19, 2021). We appreciate your patience until then. 

Regards, 

Ponmani M 

[Berly Christopher]

Hi Laurin, 

  

We were able to reproduce the reported issue when rendering the nested functional component. So, we need two more days to validate the issue in our end. We will check and update the further details on 21^st October 2021. 

  

Regards, 

Berly B.C 

[Berly Christopher]

Hi Laurin, 

  

Thanks for the patience. 

  

We have confirmed the reported issue as a bug at our end and this fix will be included in our weekly patch release scheduled on 24^th November 2021. We appreciate your patience until then. 

  

You can track the status of this issue from the below feedback. 

Feedback Link: https://www.syncfusion.com/feedback/27531/  

  

Regards, 

Berly B.C 

[Laurin S]

Any news?

On my side I still  retrieve the same error... and I'm not allowed to access the feedback link...

Thanks.

[Ponmani Murugaiyan]

Hi Laurin, 

Query: I'm not allowed to access the feedback link. 

Please check the link now and let us know of you still face any issues.  

Query: On my side I still  retrieve the same error. 

 

Currently we are checking the reported issue in our end. We will update further details in 2 business days (January 17, 2022). 

Regards, 

Ponmani M 

[Ponmani Murugaiyan]

Hi Laurin, 

Sorry for the inconvenience, 

We will fix the reported issue in the upcoming patch release which is expected to be rolled out on January 26, 2022. You can track the status of the issue in the below feedback link. 

https://www.syncfusion.com/feedback/27531/console-error-occurs-when-using-a-value-and-valuetemplate-together 

Regards, 

Ponmani M 

[Ponmani Murugaiyan]

Hi Laurin, 

We are glad to announce that fix for the issue "Console error occurs when using a value and valueTemplate together" has been rolled out in our patch release “19.4.47”. We request you to upgrade the package to mentioned version or latest to get rid of this issue. 

   

Release-notes:  https://ej2.syncfusion.com/react/documentation/release-notes/19.4.47/?type=all#common 

Sample: https://stackblitz.com/edit/react-ypkrj5-35tcm8?file=index.js 

Regards, 

Ponmani M