Before suggesting fixes based on whatever, I think there is information to gather:
- Make a list of the browser extensions that are known to cause problems.
- Figure out how they are they modifying the
<body>exactly. Adding at top? Adding at bottom? Adding indiscriminately somewhere in the DOM? - Sort the list of extensions by how they work.
- Figure out how many people use these extensions, so we can weigh the importance in practice. Maybe certain categories of problem only show up in weird ones, but one category is super common and reasonable to work around in virtual-dom.
From there, it will be much easier to find a fix that makes sense for the actual reality of the situation.
Can folks in this thread work on gathering this information and come back with the lessons?