@eric-emg/symphiq-components 1.2.20 → 1.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -21382,14 +21382,50 @@ class SymphiqFunnelAnalysisDashboardComponent {
|
|
|
21382
21382
|
console.log('[Scroll Debug] Using getScrollElement() method');
|
|
21383
21383
|
ionContent.getScrollElement().then((scrollElement) => {
|
|
21384
21384
|
console.log('[Scroll Debug] Got Ionic scroll element:', scrollElement);
|
|
21385
|
-
|
|
21385
|
+
const dimensions = {
|
|
21386
21386
|
clientHeight: scrollElement.clientHeight,
|
|
21387
21387
|
scrollHeight: scrollElement.scrollHeight,
|
|
21388
21388
|
scrollTop: scrollElement.scrollTop,
|
|
21389
21389
|
hasOverflow: scrollElement.scrollHeight > scrollElement.clientHeight
|
|
21390
|
-
}
|
|
21390
|
+
};
|
|
21391
|
+
console.log('[Scroll Debug] Ionic scroll element dimensions:', dimensions);
|
|
21392
|
+
if (!dimensions.hasOverflow) {
|
|
21393
|
+
console.warn('[Scroll Debug] ⚠️ WARNING: Scroll element has no overflow! Content may still be loading.');
|
|
21394
|
+
console.warn('[Scroll Debug] The dashboard content needs to be taller than', dimensions.clientHeight, 'px to enable scrolling');
|
|
21395
|
+
// Set up a MutationObserver to detect when content becomes scrollable
|
|
21396
|
+
const observer = new MutationObserver(() => {
|
|
21397
|
+
const newScrollHeight = scrollElement.scrollHeight;
|
|
21398
|
+
const newClientHeight = scrollElement.clientHeight;
|
|
21399
|
+
if (newScrollHeight > newClientHeight) {
|
|
21400
|
+
console.log('[Scroll Debug] ✓ Content is now scrollable!', {
|
|
21401
|
+
clientHeight: newClientHeight,
|
|
21402
|
+
scrollHeight: newScrollHeight,
|
|
21403
|
+
hasOverflow: true
|
|
21404
|
+
});
|
|
21405
|
+
observer.disconnect();
|
|
21406
|
+
}
|
|
21407
|
+
});
|
|
21408
|
+
observer.observe(scrollElement, {
|
|
21409
|
+
childList: true,
|
|
21410
|
+
subtree: true,
|
|
21411
|
+
attributes: true
|
|
21412
|
+
});
|
|
21413
|
+
console.log('[Scroll Debug] Monitoring for content changes...');
|
|
21414
|
+
}
|
|
21391
21415
|
scrollElement.addEventListener('scroll', () => this.onContainerScroll(scrollElement), { passive: true });
|
|
21392
21416
|
console.log('[Scroll Debug] Attached scroll listener to Ionic scroll element');
|
|
21417
|
+
// Test if scroll event fires by manually triggering a test
|
|
21418
|
+
console.log('[Scroll Debug] Testing scroll event by programmatically scrolling to 1px...');
|
|
21419
|
+
scrollElement.scrollTop = 1;
|
|
21420
|
+
setTimeout(() => {
|
|
21421
|
+
if (scrollElement.scrollTop === 1) {
|
|
21422
|
+
console.log('[Scroll Debug] ✓ Scroll position changed successfully');
|
|
21423
|
+
scrollElement.scrollTop = 0; // Reset
|
|
21424
|
+
}
|
|
21425
|
+
else {
|
|
21426
|
+
console.warn('[Scroll Debug] ⚠️ Could not change scroll position - element may not be scrollable');
|
|
21427
|
+
}
|
|
21428
|
+
}, 50);
|
|
21393
21429
|
}).catch((error) => {
|
|
21394
21430
|
console.error('[Scroll Debug] Error getting Ionic scroll element:', error);
|
|
21395
21431
|
});
|