49440: fix for letting go of handle outside widget

src/app/+search-page/search-filters/search-filter/search-range-filter/search-range-filter.component.html

@@ -3,13 +3,13 @@
         <form #form="ngForm" (ngSubmit)="onSubmit(form.value)" class="add-filter row"
               [action]="getCurrentUrl()">
             <div class="col-6">
-                <input type="text" [ngModel]="range[0]" [name]="filterConfig.paramName + '.min'"
+                <input type="text" [(ngModel)]="range[0]" [name]="filterConfig.paramName + '.min'"
                        class="form-control" (blur)="onSubmit(form.value)"
                        aria-label="Mininum value"
                        [placeholder]="'search.filters.filter.' + filterConfig.name + '.min.placeholder'| translate"/>
             </div>
             <div class="col-6">
-                <input type="text" [ngModel]="range[1]" [name]="filterConfig.paramName + '.max'"
+                <input type="text" [(ngModel)]="range[1]" [name]="filterConfig.paramName + '.max'"
                        class="form-control" (blur)="onSubmit(form.value)"
                        aria-label="Maximum value"
                        [placeholder]="'search.filters.filter.' + filterConfig.name + '.max.placeholder'| translate"/>
@@ -17,11 +17,12 @@
             <input type="submit" class="d-none"/>
         </form>
 
-      <ng-container *ngIf="shouldShowSlider()">
-        <nouislider [connect]="true" [min]="min" [max]="max" [step]="1"
-                    [(ngModel)]="range" (mouseup)="onSubmit(form.value)" ngDefaultControl></nouislider>
-      </ng-container>
+        <ng-container *ngIf="shouldShowSlider()">
+            <nouislider [connect]="true" [min]="min" [max]="max" [step]="1"
+                        [(ngModel)]="range" (end)="onSubmit()"
+                        ngDefaultControl></nouislider>
 
+        </ng-container>
         <ng-container *ngFor="let page of (filterValues$ | async)">
             <ng-container *ngFor="let value of (page | async)?.payload.page; let i=index">
                 <a *ngIf="!selectedValues.includes(value.value)" class="d-flex flex-row"

src/app/+search-page/search-filters/search-filter/search-range-filter/search-range-filter.component.ts

@@ -31,7 +31,6 @@ export class SearchRangeFilterComponent extends SearchFacetFilterComponent imple
   min = 1950;
   max = 2018;
   range;
-
   constructor(protected searchService: SearchService,
               protected filterService: SearchFilterService,
               protected router: Router,
@@ -71,18 +70,16 @@ export class SearchRangeFilterComponent extends SearchFacetFilterComponent imple
     };
   }
 
-  onSubmit(data: any) {
-    if (isNotEmpty(data)) {
+  onSubmit() {
       this.router.navigate([this.getSearchLink()], {
         queryParams:
           {
-            [this.filterConfig.paramName + minSuffix]: [data[this.filterConfig.paramName + minSuffix]],
-            [this.filterConfig.paramName + maxSuffix]: [data[this.filterConfig.paramName + maxSuffix]]
+            [this.filterConfig.paramName + minSuffix]: [this.range[0]],
+            [this.filterConfig.paramName + maxSuffix]: [this.range[1]]
           },
         queryParamsHandling: 'merge'
       });
       this.filter = '';
-    }
   }
 
   /**