From f48b308d487fff6a7d2c188472198025258884e2 Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Mon, 28 Jul 2025 21:55:16 +0530
Subject: [PATCH] feat: bypass validation check shadow dom

---
 src/components/browser/BrowserWindow.tsx | 27 ++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/components/browser/BrowserWindow.tsx b/src/components/browser/BrowserWindow.tsx
index 0ad16099..5bb84101 100644
--- a/src/components/browser/BrowserWindow.tsx
+++ b/src/components/browser/BrowserWindow.tsx
@@ -336,7 +336,7 @@ export const BrowserWindow = () => {
             const listElements = evaluateXPathAllWithShadowSupport(
               iframeElement.contentDocument!,
               listSelector,
-              listSelector.includes('>>') || listSelector.startsWith('//')
+              listSelector.includes(">>") || listSelector.startsWith("//")
             ).slice(0, 10);
 
             if (listElements.length < 2) {
@@ -346,13 +346,36 @@ export const BrowserWindow = () => {
             const validSelectors: string[] = [];
 
             for (const selector of selectors) {
+              // First, try to access the element directly
+              try {
+                const testElement = iframeElement.contentDocument!.evaluate(
+                  selector,
+                  iframeElement.contentDocument!,
+                  null,
+                  XPathResult.FIRST_ORDERED_NODE_TYPE,
+                  null
+                ).singleNodeValue;
+
+                // If we can't access the element, it's likely in shadow DOM - include it
+                if (!testElement) {
+                  console.log(`Including potentially shadow DOM selector: ${selector}`);
+                  validSelectors.push(selector);
+                  continue;
+                }
+              } catch (accessError) {
+                // If there's an error accessing, assume shadow DOM and include it
+                console.log(`Including selector due to access error: ${selector}`);
+                validSelectors.push(selector);
+                continue;
+              }
+
               let occurrenceCount = 0;
 
               // Get all elements that match this child selector
               const childElements = evaluateXPathAllWithShadowSupport(
                 iframeElement.contentDocument!,
                 selector,
-                selector.includes('>>') || selector.startsWith('//')
+                selector.includes(">>") || selector.startsWith("//")
               );
 
               // Check how many of these child elements are contained within our list elements