@eric-emg/symphiq-components 1.2.29 → 1.2.30

package/fesm2022/symphiq-components.mjs

@@ -21360,8 +21360,8 @@ class SymphiqFunnelAnalysisDashboardComponent {
         // Set up container scroll listener when in embedded mode
         if (this.embedded()) {
             let container = null;
-            console.log('[Scroll Debug v4] Embedded mode detected, setting up scroll listener');
-            console.log('[Scroll Debug v4] scrollContainerId:', this.scrollContainerId());
+            console.log('[Scroll Debug v5] Embedded mode detected, setting up scroll listener');
+            console.log('[Scroll Debug v5] scrollContainerId:', this.scrollContainerId());
             // If a scroll container ID is provided, use that element
             if (this.scrollContainerId()) {
                 const element = document.getElementById(this.scrollContainerId());
@@ -21460,48 +21460,22 @@ class SymphiqFunnelAnalysisDashboardComponent {
                                 // FALLBACK: Poll scroll position using requestAnimationFrame AND Ionic API
                                 // This ensures we catch scroll events even if neither 'scroll' nor 'ionScroll' fire
                                 let lastScrollTop = 0;
-                                const pollScroll = async () => {
-                                    // Try multiple sources for scroll position
-                                    const scrollElTop = scrollElement.scrollTop;
-                                    const ionContentScrollTop = ionContent.scrollTop || 0;
-                                    const ionContentScrollY = ionContent.scrollY || 0;
-                                    // Also try getScrollElement() again in case it returns live data
-                                    let apiScrollTop = 0;
-                                    try {
-                                        const liveScrollEl = await ionContent.getScrollElement();
-                                        apiScrollTop = liveScrollEl?.scrollTop || 0;
-                                    }
-                                    catch (e) {
-                                        // Ignore errors
-                                    }
-                                    // Also try Ionic's getScrollPosition() method
-                                    let ionicScrollY = 0;
-                                    try {
-                                        if (typeof ionContent.getScrollPosition === 'function') {
-                                            const pos = await ionContent.getScrollPosition();
-                                            ionicScrollY = pos?.scrollTop || pos?.top || 0;
+                                const pollScroll = () => {
+                                    // Try getScrollPosition() synchronously by checking current scroll
+                                    ionContent.getScrollPosition().then((pos) => {
+                                        const currentScrollTop = pos?.scrollTop || pos?.top || pos?.y || 0;
+                                        if (currentScrollTop !== lastScrollTop && currentScrollTop > 0) {
+                                            console.log('[Scroll Debug v5] Polling detected scroll change:', lastScrollTop, '->', currentScrollTop, pos);
+                                            lastScrollTop = currentScrollTop;
+                                            this.onContainerScroll(scrollElement);
                                         }
-                                    }
-                                    catch (e) {
-                                        // Ignore errors
-                                    }
-                                    // Use whichever is non-zero
-                                    const currentScrollTop = scrollElTop || ionContentScrollTop || ionContentScrollY || apiScrollTop || ionicScrollY;
-                                    if (currentScrollTop !== lastScrollTop) {
-                                        console.log('[Scroll Debug v4] Polling detected scroll change:', lastScrollTop, '->', currentScrollTop, {
-                                            scrollElTop,
-                                            ionContentScrollTop,
-                                            ionContentScrollY,
-                                            apiScrollTop,
-                                            ionicScrollY
-                                        });
-                                        lastScrollTop = currentScrollTop;
-                                        this.onContainerScroll(scrollElement);
-                                    }
+                                    }).catch(() => {
+                                        // Silently ignore errors
+                                    });
                                     requestAnimationFrame(pollScroll);
                                 };
                                 requestAnimationFrame(pollScroll);
-                                console.log('[Scroll Debug v4] Started scroll position polling');
+                                console.log('[Scroll Debug v5] Started scroll position polling using getScrollPosition()');
                                 // Test if scroll event fires by manually triggering a test
                                 console.log('[Scroll Debug] Testing scroll event by programmatically scrolling to 1px...');
                                 scrollElement.scrollTop = 1;