cps-ui-kit 21.29.0 → 21.29.2

package/fesm2022/cps-ui-kit.mjs

@@ -2824,7 +2824,7 @@ class CpsAutocompleteComponent {
                     selected.scrollIntoView({
                         behavior: 'instant',
                         block: 'nearest',
-                        inline: 'center'
+                        inline: 'start'
                     });
                 }
                 else if (this.virtualScroll && this.optionHighlightedIndex >= 0) {
@@ -2915,7 +2915,7 @@ class CpsAutocompleteComponent {
         if (elRect.top < parentRect.top || elRect.bottom > parentRect.bottom) {
             el.scrollIntoView({
                 block: 'nearest',
-                inline: 'center'
+                inline: 'nearest'
             });
         }
     }
@@ -6075,7 +6075,7 @@ class CpsSelectComponent {
                     selected.scrollIntoView({
                         behavior: 'instant',
                         block: 'nearest',
-                        inline: 'center'
+                        inline: 'start'
                     });
                 }
                 else if (this.virtualScroll && this.optionHighlightedIndex >= 0) {
@@ -6166,7 +6166,7 @@ class CpsSelectComponent {
         if (elRect.top < parentRect.top || elRect.bottom > parentRect.bottom) {
             el.scrollIntoView({
                 block: 'nearest',
-                inline: 'center'
+                inline: 'nearest'
             });
         }
     }
@@ -13772,29 +13772,31 @@ class CpsBaseTreeDropdownComponent {
             setTimeout(() => {
                 this.updateOptions();
                 this.recalcVirtualListHeight();
-                const selected = this.treeContainerElement?.querySelector('.p-highlight');
-                if (selected) {
-                    selected.scrollIntoView({
-                        behavior: 'instant',
-                        block: 'nearest',
-                        inline: 'center'
-                    });
-                }
-                else if (this.virtualScroll && this.treeSelection) {
-                    let key = '';
+                let key = '';
+                if (this.treeSelection) {
                     if (this.multiple) {
                         if (this.treeSelection.length > 0)
                             key = this.treeSelection[0].key;
                     }
                     else
                         key = this.treeSelection.key;
-                    if (key) {
-                        const idx = this.treeList?.serializedValue?.findIndex(
-                        // https://github.com/primefaces/primeng/blob/v16.4.3/src/app/components/tree/tree.ts#L1125
-                        (v) => v.node.key === key) || -1;
-                        if (idx >= 0)
-                            this.treeList.scrollToVirtualIndex(idx);
-                    }
+                }
+                const selected = key
+                    ? this.treeContainerElement?.querySelector(`.key-${key}`)
+                    : null;
+                if (selected) {
+                    selected.scrollIntoView({
+                        behavior: 'instant',
+                        block: 'nearest',
+                        inline: 'start'
+                    });
+                }
+                else if (this.virtualScroll && key) {
+                    const idx = this.treeList?.serializedValue?.findIndex(
+                    // https://github.com/primefaces/primeng/blob/v16.4.3/src/app/components/tree/tree.ts#L1125
+                    (v) => v.node.key === key) ?? -1;
+                    if (idx >= 0)
+                        this.treeList.scrollToVirtualIndex(idx);
                 }
             });
         }
@@ -13936,6 +13938,10 @@ class CpsBaseTreeDropdownComponent {
         if (!this.virtualScroll)
             return;
         this.treeList?.updateSerializedValue();
+        // treeList is OnPush and serializedValue is a plain field, so its new
+        // value won't reach the scroller's items input until treeList's own
+        // view is force-checked
+        this.treeList?.cd?.detectChanges();
     }
     _initContainerClickListener() {
         this.treeContainerElement = this.treeList?.el?.nativeElement?.querySelector('.p-tree-root-children');