Avoid duplicating converse-root

src/plugins/rootview/utils.js

@@ -1,21 +1,21 @@
-import { api } from '@converse/headless';
+import { api } from "@converse/headless";
 
 export function getTheme() {
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        return api.settings.get('dark_theme');
+    if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        return api.settings.get("dark_theme");
     } else {
-        return api.settings.get('theme');
+        return api.settings.get("theme");
     }
 }
 
-export function ensureElement () {
-    if (!api.settings.get('auto_insert')) {
+export function ensureElement() {
+    if (!api.settings.get("auto_insert")) {
         return;
     }
-    const root = api.settings.get('root');
-    if (!root.querySelector('converse-root')) {
-        const el = document.createElement('converse-root');
-        const body = root.querySelector('body');
+    const root = api.settings.get("root");
+    if (!root.querySelector("converse-root") && !root.matches?.("converse-root")) {
+        const el = document.createElement("converse-root");
+        const body = root.querySelector("body");
         if (body) {
             body.appendChild(el);
         } else {