Merge branch 'develop' into smart-list

server/src/browser-management/classes/RemoteBrowser.ts

@@ -1654,6 +1654,8 @@ export class RemoteBrowser {
         this.networkRequestTimeout = null;
       }
 
+      this.pendingNetworkRequests = [];
+
       if (this.client) {
         try {
           await this.client.send("DOM.disable");
@@ -1666,7 +1668,7 @@ export class RemoteBrowser {
       logger.info("DOM streaming stopped successfully");
     }
 
-    /**
+    /**rrweb-bundle
      * Terminates the screencast session and closes the remote browser.
      * If an interpretation was running it will be stopped.
      * @returns {Promise<void>}

server/src/browser-management/inputHandlers.ts

@@ -492,7 +492,8 @@ const handleChangeUrl = async (activeBrowser: RemoteBrowser, page: Page, url: st
             await generator.onChangeUrl(url, page);
 
             try {
-                await page.goto(url, { waitUntil: "networkidle", timeout: 100000 });
+                await page.goto(url, { waitUntil: "domcontentloaded", timeout: 30000 });
+                await page.waitForTimeout(2000); 
                 logger.log("debug", `Went to ${url}`);
             } catch (e) {
                 const { message } = e as Error;

src/components/recorder/DOMBrowserRenderer.tsx

@@ -859,16 +859,18 @@ export const DOMBrowserRenderer: React.FC<RRWebDOMBrowserRendererProps> = ({
               max-width: 100% !important;
               height: auto !important;
           }
+
           
           /* Make everything interactive */
           * { 
               cursor: "pointer" !important; 
           }
-          
+
           /* Additional CSS from resources */
           ${additionalCSS.join("\n\n")}
       `;
 
+
         const headTagRegex = /<head[^>]*>/i;
         const cssInjection = `
                 <meta charset="utf-8">