From 3275ca4f3149e40286c19134cd4e99d331a1b9ad Mon Sep 17 00:00:00 2001
From: Laton Vermette <1619661+latonv@users.noreply.github.com>
Date: Tue, 11 Mar 2025 13:00:11 -0700
Subject: [PATCH] Ensure profile page scrolls when content loads in

---
 src/collection-browser.ts | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/collection-browser.ts b/src/collection-browser.ts
index bcf0c5558..923e12399 100644
--- a/src/collection-browser.ts
+++ b/src/collection-browser.ts
@@ -318,6 +318,13 @@ export class CollectionBrowser
    */
   private isScrollingToCell = false;
 
+  /**
+   * When we attempt to scroll to a page before the infinite scroller has
+   * been populated, this flag will be set, allowing us to complete the scroll
+   * once it is possible.
+   */
+  private needsScrollToPage = false;
+
   /**
    * When page width resizes from desktop to mobile, set true to
    * disable expand/collapse transition when loading.
@@ -1475,6 +1482,15 @@ export class CollectionBrowser
     }
 
     this.ensureAvailableTilesDisplayed();
+
+    if (
+      this.needsScrollToPage &&
+      this.currentPage &&
+      this.infiniteScroller?.itemCount
+    ) {
+      this.needsScrollToPage = false;
+      this.scrollToPage(this.currentPage);
+    }
   }
 
   connectedCallback(): void {
@@ -1915,6 +1931,16 @@ export class CollectionBrowser
   private scrollToPage(pageNumber: number): Promise<void> {
     return new Promise(resolve => {
       const cellIndexToScrollTo = this.pageSize * (pageNumber - 1);
+      // If the desired cell is not yet present in the infinite scroller, flag it to be
+      // scrolled later one ready.
+      if (
+        !this.infiniteScroller ||
+        this.infiniteScroller.itemCount < cellIndexToScrollTo
+      ) {
+        this.needsScrollToPage = true;
+        return;
+      }
+
       // without this setTimeout, Safari just pauses until the `fetchPage` is complete
       // then scrolls to the cell
       setTimeout(() => {