[QA] max filter size

src/app/modules/article-search/components/filter-item/filter-item.component.scss

@@ -45,6 +45,8 @@
 .item-container {
   display: grid;
   grid-template-columns: auto;
+  max-height: 400px;
+  overflow: scroll;
 }
 
 .item {

src/app/modules/article-search/components/text-search/text-search.component.html

@@ -17,7 +17,7 @@
       ></app-search>
     </div>
     <div [@fadeIn]="!!searchParams">
-      <app-filter></app-filter>
+      <app-filter (filters)="updateFilters()"></app-filter>
     </div>
     <div class="recent-search-continer align-center">
       <div class="recent-search-header">

src/app/modules/article-search/components/text-search/text-search.component.ts

@@ -53,7 +53,7 @@ export class TextSearchComponent implements OnInit, AfterViewInit {
   recentArticles: RecentArticleSearch[];
   products$: Observable<Product[]>;
   products: Product[];
-  filters: Filter[];
+  filters: Filter[] = [];
   timer: any;
   autocompletePlaceHolder = '';
   @Select(ProcessState.getProcesses) processes$: Observable<Process[]>;
@@ -87,7 +87,9 @@ export class TextSearchComponent implements OnInit, AfterViewInit {
   ngAfterViewInit() {
     this.searchInput.focus();
   }
-
+  updateFilters() {
+    this.filters = this.store.selectSnapshot(FilterState.getFilters);
+  }
   search(searchParams) {
     this.searchParams = searchParams;
     if (!this.searchParams) {
@@ -102,7 +104,7 @@ export class TextSearchComponent implements OnInit, AfterViewInit {
       query: searchParams,
       skip: 0,
       take: 1,
-      fitlers: [],
+      fitlers: this.filters,
       firstLoad: true
     };
 
@@ -126,7 +128,6 @@ export class TextSearchComponent implements OnInit, AfterViewInit {
   }
 
   private submitSearch() {
-    this.filters = this.store.selectSnapshot(FilterState.getFilters);
     const search = <Search>{
       query: this.searchParams,
       fitlers: this.filters,