From 58551fa7839da022aeba0c1eefa8f5d9ec23b438 Mon Sep 17 00:00:00 2001
From: btangmu <thomasbishop@wenlin.com>
Date: Wed, 5 Jun 2024 14:43:31 -0400
Subject: [PATCH] CLDR-17658 Virtual scroller, work in progress

---
 .../js/src/views/DashboardWidget.vue          | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/tools/cldr-apps/js/src/views/DashboardWidget.vue b/tools/cldr-apps/js/src/views/DashboardWidget.vue
index 77808c37b9c..7944239dda5 100644
--- a/tools/cldr-apps/js/src/views/DashboardWidget.vue
+++ b/tools/cldr-apps/js/src/views/DashboardWidget.vue
@@ -86,6 +86,7 @@
             :items="filteredEntries"
             key-field="xpstrid"
             :min-item-size="54"
+            ref="dynamicScrollerRef"
           >
             <template v-slot="{ item, index, active }">
               <DynamicScrollerItem
@@ -242,6 +243,29 @@ export default {
         const el = document.querySelector(selector);
         if (el) {
           el.scrollIntoView(true);
+        } else {
+          // Generally el is null with DynamicScroller so try this instead.
+          // The method scrollToItem appears to be internal, undocumented, but this works.
+          for (let i = 0; i < this.filteredEntries.length; i++) {
+            const entry = this.filteredEntries[i];
+            if (entry.xpstrid == xpstrid) {
+              const scroller = this.$refs.dynamicScrollerRef;
+              if (!scroller) {
+                this.console.warn("No scroller for scrollToCategory");
+              } else if (!scroller.scrollToItem) {
+                this.console.warn(
+                  "No scroller.scrollToItem for scrollToCategory"
+                );
+              } else {
+                this.console.log(
+                  "Calling scroller for scrollToCategory, i = " + i
+                );
+                scroller.scrollToItem(i);
+              }
+              return;
+            }
+          }
+          this.console.warn("No xpstrid for scrollToCategory");
         }
       }
     },
@@ -325,6 +349,7 @@ export default {
      */
     updatePath(json) {
       cldrDash.updatePath(this.data, json);
+      this.filterEntries();
     },
 
     resetScrolling() {