@acorex/components 22.4.28 → 22.4.30

package/fesm2022/acorex-components-lookup.mjs

@@ -494,6 +494,8 @@ class AXLookupListViewBase {
         return this.totalCount();
     }
     #ngZone;
+    /** When true, scroll the selected row into view once after open or after a refreshed result set. */
+    #pendingSelectedScroll;
     /**
      * Before the first page loads, `totalCount` is 0 but `cachedItems` is pre-sized to `pageSize`.
      * After a completed load with no rows, `cachedItems` is an empty array.
@@ -608,6 +610,8 @@ class AXLookupListViewBase {
         this.navItems = viewChildren(AXListNavigationItemDirective, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "navItems" }] : /* istanbul ignore next */ []));
         this.#ngZone = inject(NgZone);
+        /** When true, scroll the selected row into view once after open or after a refreshed result set. */
+        this.#pendingSelectedScroll = true;
         this.trackByIndex = (index) => index;
         // CDK measures the viewport size only once, when it initializes. Inside the popover the
         // panel is still animating/positioning at that moment (and the height also changes when
@@ -632,10 +636,14 @@ class AXLookupListViewBase {
                 this.totalCount.set(source.totalCount);
                 this.#syncLoadingState(source, source.isLoading);
                 this.listDataSource.set(list);
+                this.#pendingSelectedScroll = true;
             });
             const loadingSub = source.onLoadingChanged.subscribe((value) => this.#syncLoadingState(source, value));
             const changedSub = source.onChanged.subscribe((e) => {
                 this.totalCount.set(e.totalCount);
+                if (e.page === 0) {
+                    this.#pendingSelectedScroll = true;
+                }
                 if (!source.isLoading) {
                     this.#syncLoadingState(source, false);
                 }
@@ -645,7 +653,7 @@ class AXLookupListViewBase {
                 changedSub.unsubscribe();
             });
         });
-        // Scroll the selected row into view once the virtual viewport and data are ready.
+        // Scroll the selected row into view once per open / refreshed result set (not on every page load).
         effect(() => {
             const viewport = this.viewportRef();
             const loading = this.isLoading();
@@ -654,7 +662,14 @@ class AXLookupListViewBase {
             const field = this.valueField();
             const height = this.itemHeight();
             const source = this.dataSource();
-            if (!viewport || loading || count === 0 || values.length === 0) {
+            if (!viewport || loading || count === 0) {
+                return;
+            }
+            if (!this.#pendingSelectedScroll) {
+                return;
+            }
+            this.#pendingSelectedScroll = false;
+            if (values.length === 0) {
                 return;
             }
             untracked(() => {