From c60fa2c441257ebe46f3d3ab5a85334b3b33dc9e Mon Sep 17 00:00:00 2001
From: Yura Bondarenko <yura.bondarenko@atmire.com>
Date: Tue, 1 Jun 2021 15:20:33 +0200
Subject: [PATCH] 79730: Don't submit date slider changes until keyup

---
 .../search-range-filter.component.html         |  3 ++-
 .../search-range-filter.component.ts           | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.html b/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.html
index 3a6a6565c0..0ebd5f74a2 100644
--- a/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.html
+++ b/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.html
@@ -32,7 +32,8 @@
 
         <ng-container *ngIf="shouldShowSlider()">
             <nouislider [connect]="true" [min]="min" [max]="max" [step]="1"
-                        [dsDebounce]="500" (onDebounce)="onSubmit()"
+                        [dsDebounce]="250" (onDebounce)="onSubmit()"
+                        (keydown)="startKeyboardControl()" (keyup)="stopKeyboardControl()"
                         [(ngModel)]="range" ngDefaultControl>
             </nouislider>
         </ng-container>
diff --git a/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.ts b/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.ts
index 62b1cb98a6..b23a2d8224 100644
--- a/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.ts
+++ b/src/app/shared/search/search-filters/search-filter/search-range-filter/search-range-filter.component.ts
@@ -68,6 +68,12 @@ export class SearchRangeFilterComponent extends SearchFacetFilterComponent imple
    */
   sub: Subscription;
 
+  /**
+   * Whether the sider is being controlled by the keyboard.
+   * Supresses any changes until the key is released.
+   */
+  keyboardControl: boolean;
+
   constructor(protected searchService: SearchService,
               protected filterService: SearchFilterService,
               protected router: Router,
@@ -104,6 +110,10 @@ export class SearchRangeFilterComponent extends SearchFacetFilterComponent imple
    * Submits new custom range values to the range filter from the widget
    */
   onSubmit() {
+    if (this.keyboardControl) {
+      return;  // don't submit if a key is being held down
+    }
+
     const newMin = this.range[0] !== this.min ? [this.range[0]] : null;
     const newMax = this.range[1] !== this.max ? [this.range[1]] : null;
     this.router.navigate(this.getSearchLinkParts(), {
@@ -117,6 +127,14 @@ export class SearchRangeFilterComponent extends SearchFacetFilterComponent imple
     this.filter = '';
   }
 
+  startKeyboardControl(): void {
+    this.keyboardControl = true;
+  }
+
+  stopKeyboardControl(): void {
+    this.keyboardControl = false;
+  }
+
   /**
    * TODO when upgrading nouislider, verify that this check is still needed.
    * Prevents AoT bug