refactor

ts_web/elements/wysiwyg/wysiwyg.selection.ts

@@ -242,4 +242,38 @@ export class WysiwygSelection {
       this.setSelectionFromRange(range);
     }
   }
+
+  /**
+   * Check if a node is contained within an element across Shadow DOM boundaries
+   * This is needed because element.contains() doesn't work across Shadow DOM
+   */
+  static containsAcrossShadowDOM(container: Node, node: Node): boolean {
+    if (!container || !node) return false;
+    
+    // Start with the node and traverse up
+    let current: Node | null = node;
+    
+    while (current) {
+      // Direct match
+      if (current === container) {
+        return true;
+      }
+      
+      // If we're at a shadow root, check its host
+      if (current.nodeType === Node.DOCUMENT_FRAGMENT_NODE && (current as any).host) {
+        const shadowRoot = current as ShadowRoot;
+        // Check if the container is within this shadow root
+        if (shadowRoot.contains(container)) {
+          return false; // Container is in a child shadow DOM
+        }
+        // Move to the host element
+        current = shadowRoot.host;
+      } else {
+        // Regular DOM traversal
+        current = current.parentNode;
+      }
+    }
+    
+    return false;
+  }
 }