Use Element: replaceChildren() method to remove all child nodes.

[beru]

This PR replaces innerHTML = '' with replaceChildren() to remove all child nodes.

https://stackoverflow.com/a/65413839
https://developer.mozilla.org/en-US/docs/Web/API/Element/replaceChildren

view.FindSidebar.deactivate is also updated in the hope of resolving the problem reported in #1358. Although the change doesn't solve the problem, closing the sidebar gets faster.

recording

efficientdet-d3.onnx file is used.

[lutzroeder]

replaceChildren is more recent and requires Chrome 86.

Is the improvement from calling in deactivate and would iterating on lastChild with removeChild work?

[beru]

replaceChildren is more recent and requires Chrome 86.

Added a polyfill function for that. e8b72a5

Is the improvement from calling in deactivate and would iterating on lastChild with removeChild work?

Yes, I've confirmed that doing so still works.

I've found out that since I've added this._content.replaceChildren(); line in view.FindSidebar.deactivate, I need to add view.FindSidebar.activate method and call this._update(); in there. And the code in view.FindSidebar.focus needs to be moved to view.FindSidebar.activate. I hope this change is correct. Please examine it at your side as well.

---

I've noticed that when I double-click Connections/Weights list items on FIND sidebar or click connections on the graph view, CONNECTION PROPERTIES/TENSOR PROPERTIES sidebar is opened. After closing the sidebar, FIND sidebar reappers. But this is not the case with Nodes list items. After closing NODE PROPERTIES sidebar, FIND sidebar doesn't reappear. I thought this is a bit incosistent but I'm not sure what is a proper behavior here.