Changing the property diffView, throws me error like,
vendorrepository.js:13602 Uncaught DOMException: Failed to execute āremoveChildā on āNodeā: The node to be removed is not a child of this node.
at clear(ā¦)
at UpdatableBlockTracker.reset (ā¦)
at TryOpcode.handleException (ā¦)
This error was inside ember source code. I think there was some error trying to remove the older component. Pls help me out with this issue.
I see. So the issue is almost certainly being caused by that third-party component inside convertToHtml.
If you make changes via didInsertElement, you need to clean them up via willDestroyElement. I think that may resolve your issue. The exception you see is because Ember is trying to tear down your component and itās surprised to find extra stuff inside that was not cleaned up.
Re-render works when i switch to other routes and come back to the same route again, I mean the component will be destroyed if i switch to other route then it should work the same now. The problem here is the component is not rendered again in the same route as the older one cannot be destroyed. And thus my question is how it is destroyed when i switch to another route
I found a temporary fix for this issue. If i bring the common div inside the conditional block it was working. FYI: issue is not with that thirdparty component since if i replace that thirdparty code with a simple innerhtml manipulation this issue was reproducible.