@eric-emg/symphiq-components 1.2.23 → 1.2.24

package/fesm2022/symphiq-components.mjs

@@ -21392,6 +21392,42 @@ class SymphiqFunnelAnalysisDashboardComponent {
                                 if (!dimensions.hasOverflow) {
                                     console.warn('[Scroll Debug] ⚠️ WARNING: Scroll element has no overflow! Content may still be loading.');
                                     console.warn('[Scroll Debug] The dashboard content needs to be taller than', dimensions.clientHeight, 'px to enable scrolling');
+                                    // Diagnostic: Check the dashboard component's actual rendered height
+                                    setTimeout(() => {
+                                        const dashboardEl = this.dashboardContainer?.nativeElement;
+                                        if (dashboardEl) {
+                                            const styles = window.getComputedStyle(dashboardEl);
+                                            console.log('[Scroll Debug] Dashboard container computed styles:', {
+                                                height: styles.height,
+                                                minHeight: styles.minHeight,
+                                                maxHeight: styles.maxHeight,
+                                                display: styles.display,
+                                                position: styles.position,
+                                                overflow: styles.overflow,
+                                                scrollHeight: dashboardEl.scrollHeight,
+                                                clientHeight: dashboardEl.clientHeight,
+                                                offsetHeight: dashboardEl.offsetHeight
+                                            });
+                                            // Check children
+                                            const children = Array.from(dashboardEl.children);
+                                            console.log('[Scroll Debug] Dashboard has', children.length, 'direct children');
+                                            children.forEach((child, idx) => {
+                                                const childStyles = window.getComputedStyle(child);
+                                                console.log(`[Scroll Debug] Child ${idx}:`, {
+                                                    tagName: child.tagName,
+                                                    height: childStyles.height,
+                                                    display: childStyles.display,
+                                                    clientHeight: child.clientHeight,
+                                                    scrollHeight: child.scrollHeight
+                                                });
+                                            });
+                                            // Check if content is actually rendering
+                                            const hasVisibleContent = dashboardEl.scrollHeight > 100;
+                                            if (!hasVisibleContent) {
+                                                console.error('[Scroll Debug] ⚠️ CRITICAL: Dashboard has minimal content! Check if funnelAnalysis data is loaded.');
+                                            }
+                                        }
+                                    }, 100);
                                     // Set up a MutationObserver to detect when content becomes scrollable
                                     const observer = new MutationObserver(() => {
                                         const newScrollHeight = scrollElement.scrollHeight;