ngx-render-material-forms 1.4.9 → 1.5.1

package/fesm2020/ngx-render-material-forms.js

@@ -2594,7 +2594,7 @@ class MaterialSelectComponent extends MaterialComponent {
         });
     }
     registerPanelScrollEvent(selectElem) {
-        const panelElement = selectElem.panel.nativeElement;
+        const panelElement = selectElem?.panel?.nativeElement;
         panelElement.addEventListener('scroll', this.onScroll.bind(this));
     }
     onScroll(event) {
@@ -2691,7 +2691,7 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.searching = false;
                     this.productsloadingFlag = true;
                     setTimeout(() => {
-                        const ele = this.selectElem.panel.nativeElement;
+                        const ele = this.selectElem?.panel?.nativeElement;
                         const trackHeight = ele.scrollHeight - ele.offsetHeight;
                         const middlePosition = trackHeight / 2 - 50;
                         ele.scrollTo({ top: middlePosition, behavior: 'auto' });
@@ -2761,8 +2761,11 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.removePanelScrollEvent();
                     this.searching = false;
                     let selectedValue = this.getValue();
-                    if (selectedValue.toString().length == 0 && this.searchQuery == '') {
+                    if ((selectedValue.toString().length == 0 && this.searchQuery == '') || this.productList?.length === 0) {
                         this.productList = [];
+                        this.pageNumber = 1;
+                        this.pageSize = 20;
+                        this.searchQuery = '';
                         this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
                     }
                 }
@@ -2789,6 +2792,7 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.pageSize = 20;
                     this.productList = [];
                     this.searching = true;
+                    this.searchQuery = searchQuery;
                     this.loadData(this.pageNumber, this.pageSize, searchQuery);
                 }
             });