CLDR-17658 Experiment with virtual scroller, not working yet

unicode-org · Jun 5, 2024 · 970b91b · 970b91b
1 parent 9c81bbc
commit 970b91b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/tools/cldr-apps/js/src/views/DashboardWidget.vue b/tools/cldr-apps/js/src/views/DashboardWidget.vue
@@ -79,12 +79,14 @@
           <a-spin size="large" />
         </template>
         <template v-else>
-          <RecycleScroller
-            class="sroller"
+          <!-- sroller or scroller??? -->
+          <DynamicScroller
+            class="scroller"
             :items="data.entries"
             :item-size="32"
             key-field="xpstrid"
             v-slot="{ item }"
+            minItemSize="1000"
           >
             <!-- <template v-if="anyCatIsShown(entry.cats)"> -->
             <!--
@@ -170,7 +172,7 @@
               />
             </p>
             <!-- todo /template-->
-          </RecycleScroller>
+          </DynamicScroller>
           <p class="bottom-padding">...</p>
         </template>
       </section>
@@ -179,7 +181,7 @@
 </template>
 
 <script>
-import { RecycleScroller } from "vue-virtual-scroller";
+import { DynamicScroller } from "vue-virtual-scroller";
 import * as cldrCoverage from "../esm/cldrCoverage.mjs";
 import * as cldrDash from "../esm/cldrDash.mjs";
 import * as cldrGui from "../esm/cldrGui.mjs";