How do you get rid of a shadow root from an HTML element that has a Shadow DOM?
A shadow root cannot be removed once it has been added. You can, however, replace it with a newer model. To insert everything from the light DOM back into the shadow DOM, replace your shadow root with a new shadow root that only contains the content> pseudo-element. As far as I can tell, it will be functionally similar to having no shadow DOM at all at that point.