@uxbertlabs/reportly 1.0.24 → 1.0.25

package/dist/index.esm.js

@@ -9329,10 +9329,10 @@ class Screenshot {
         return Promise.resolve();
       }
       return new Promise(resolve => {
-        img.addEventListener('load', () => resolve(), {
+        img.addEventListener("load", () => resolve(), {
           once: true
         });
-        img.addEventListener('error', () => resolve(), {
+        img.addEventListener("error", () => resolve(), {
           once: true
         });
         // Timeout after 3 seconds for slow images
@@ -9345,13 +9345,13 @@ class Screenshot {
    * Wait for fonts to load
    */
   async waitForFonts() {
-    if ('fonts' in document) {
+    if ("fonts" in document) {
       try {
         await Promise.race([document.fonts.ready, this.wait(1000) // Timeout after 1 second
         ]);
       } catch (e) {
         // Font loading failed, continue anyway
-        console.warn('Font loading check failed:', e);
+        console.warn("Font loading check failed:", e);
       }
     }
   }
@@ -9373,7 +9373,6 @@ class Screenshot {
       this.hideUXbertElements();
       // Force a reflow to ensure all styles are computed
       this.forceReflow();
-      const originalScrollY = window.scrollY;
       let canvas;
       if (mode === "viewport") {
         // Capture only the current viewport
@@ -9396,30 +9395,30 @@ class Screenshot {
             // Ensure all styles are applied in the cloned document
             const clonedBody = clonedDoc.body;
             // Force all animations to their final state
-            const animatedElements = clonedBody.querySelectorAll('*');
+            const animatedElements = clonedBody.querySelectorAll("*");
             animatedElements.forEach(el => {
               const element = el;
               // Pause all animations
-              element.style.animationPlayState = 'paused';
-              element.style.animationDelay = '-9999s';
-              element.style.animationIterationCount = '1';
+              element.style.animationPlayState = "paused";
+              element.style.animationDelay = "-9999s";
+              element.style.animationIterationCount = "1";
               // Disable transitions
-              element.style.transition = 'none';
+              element.style.transition = "none";
             });
             // Ensure lazy-loaded images are visible
-            const images = clonedBody.querySelectorAll('img');
+            const images = clonedBody.querySelectorAll("img");
             images.forEach(img => {
-              img.style.opacity = '1';
-              img.style.visibility = 'visible';
+              img.style.opacity = "1";
+              img.style.visibility = "visible";
             });
           },
           ignoreElements: element => {
             // Ignore loading screen by ID
-            if (element.id === 'uxbert-screenshot-loading') {
+            if (element.id === "uxbert-screenshot-loading") {
               return true;
             }
             // Ignore Uxbert elements
-            if (element.getAttribute('data-uxbert-reportly') !== null || element.className?.toString().includes('uxbert-') || element.id?.includes('uxbert-')) {
+            if (element.getAttribute("data-uxbert-reportly") !== null || element.className?.toString().includes("uxbert-") || element.id?.includes("uxbert-")) {
               return true;
             }
             // Skip cross-origin images that might cause issues
@@ -9443,22 +9442,13 @@ class Screenshot {
           }
         });
       } else {
-        // Scroll to top to capture full page
-        window.scrollTo(0, 0);
         // Wait a bit for scroll to settle
-        await this.wait(100);
-        // Get full page dimensions
-        const fullPageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
-        const fullPageWidth = Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);
+        await this.wait(1000);
         // Capture the full page
         canvas = await html2canvas(document.body, {
           useCORS: true,
           allowTaint: false,
           logging: false,
-          width: fullPageWidth,
-          height: fullPageHeight,
-          windowWidth: fullPageWidth,
-          windowHeight: fullPageHeight,
           // Improved rendering options
           backgroundColor: null,
           imageTimeout: 5000,
@@ -9468,30 +9458,30 @@ class Screenshot {
             // Ensure all styles are applied in the cloned document
             const clonedBody = clonedDoc.body;
             // Force all animations to their final state
-            const animatedElements = clonedBody.querySelectorAll('*');
+            const animatedElements = clonedBody.querySelectorAll("*");
             animatedElements.forEach(el => {
               const element = el;
               // Pause all animations at their end state
-              element.style.animationPlayState = 'paused';
-              element.style.animationDelay = '-9999s';
-              element.style.animationIterationCount = '1';
+              element.style.animationPlayState = "paused";
+              element.style.animationDelay = "-9999s";
+              element.style.animationIterationCount = "1";
               // Disable transitions
-              element.style.transition = 'none';
+              element.style.transition = "none";
             });
             // Ensure lazy-loaded images are visible
-            const images = clonedBody.querySelectorAll('img');
+            const images = clonedBody.querySelectorAll("img");
             images.forEach(img => {
-              img.style.opacity = '1';
-              img.style.visibility = 'visible';
+              img.style.opacity = "1";
+              img.style.visibility = "visible";
             });
           },
           ignoreElements: element => {
             // Ignore loading screen by ID
-            if (element.id === 'uxbert-screenshot-loading') {
+            if (element.id === "uxbert-screenshot-loading") {
               return true;
             }
             // Ignore Uxbert elements
-            if (element.getAttribute('data-uxbert-reportly') !== null || element.className?.toString().includes('uxbert-') || element.id?.includes('uxbert-')) {
+            if (element.getAttribute("data-uxbert-reportly") !== null || element.className?.toString().includes("uxbert-") || element.id?.includes("uxbert-")) {
               return true;
             }
             // Skip cross-origin images that might cause issues
@@ -9514,8 +9504,6 @@ class Screenshot {
             return false;
           }
         });
-        // Restore scroll position
-        window.scrollTo(0, originalScrollY);
       }
       // Show UXbert UI elements again
       this.showUXbertElements();