@eric-emg/symphiq-components 1.2.365 → 1.2.367

package/fesm2022/symphiq-components.mjs

@@ -88681,6 +88681,8 @@ class ShopProfileQuestionAnswerComponent {
         this.saveButtonsDisabled = computed(() => {
             return this.selectedAnswerTexts().length === 0 || this.addOtherAnswersExpanded();
         }, ...(ngDevMode ? [{ debugName: "saveButtonsDisabled" }] : []));
+        this.lastScrollTop = 0;
+        this.scrollLogCount = 0;
         // Initialize selected answers from existing profile answers
         effect(() => {
             const questionId = this.question().id;
@@ -88689,11 +88691,31 @@ class ShopProfileQuestionAnswerComponent {
                 .map(a => a.answer || '');
             this.selectedAnswerTexts.set(existingAnswers);
         });
+        // Log when isSticky changes
+        effect(() => {
+            const sticky = this.isSticky();
+            console.log(`[ScrollDebug] isSticky changed to: ${sticky}`);
+        });
     }
     onScroll() {
         const container = this.scrollContainer?.nativeElement;
         if (container) {
-            this.isSticky.set(container.scrollTop > 10);
+            const scrollTop = container.scrollTop;
+            const scrollHeight = container.scrollHeight;
+            const clientHeight = container.clientHeight;
+            const wasSticky = this.isSticky();
+            const willBeSticky = scrollTop > 10;
+            // Detect scroll jumps (scroll position changed by more than 50px unexpectedly)
+            const scrollDelta = scrollTop - this.lastScrollTop;
+            const isJump = Math.abs(scrollDelta) > 50;
+            this.scrollLogCount++;
+            console.log(`[ScrollDebug #${this.scrollLogCount}] scrollTop: ${scrollTop.toFixed(1)}, delta: ${scrollDelta.toFixed(1)}, isJump: ${isJump}, wasSticky: ${wasSticky}, willBeSticky: ${willBeSticky}, scrollHeight: ${scrollHeight}, clientHeight: ${clientHeight}`);
+            if (isJump) {
+                console.warn(`[ScrollDebug] JUMP DETECTED! From ${this.lastScrollTop.toFixed(1)} to ${scrollTop.toFixed(1)} (delta: ${scrollDelta.toFixed(1)})`);
+                console.trace('[ScrollDebug] Stack trace for jump:');
+            }
+            this.lastScrollTop = scrollTop;
+            this.isSticky.set(willBeSticky);
         }
     }
     toggleAnswer(text) {