From 76b4aa42e01fc46305ae6ed78fbe04245bdb8190 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Sun, 13 Dec 2020 15:47:46 -0800
Subject: [PATCH] Auto-close menu when single item chosen with Enter key

---
 .../filter-dropdown/filter-dropdown.component.html              | 2 +-
 .../filter-editor/filter-dropdown/filter-dropdown.component.ts  | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html b/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html
index 523dd084a..0a3fe5496 100644
--- a/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html
+++ b/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.html
@@ -1,4 +1,4 @@
-  <div class="btn-group" ngbDropdown role="group" (openChange)="dropdownOpenChange($event)">
+<div class="btn-group" ngbDropdown role="group" (openChange)="dropdownOpenChange($event)" #filterDropdown="ngbDropdown">
   <button class="btn btn-outline-primary btn-sm" id="dropdown{{title}}" ngbDropdownToggle>
     <ng-container *ngIf="itemsSelected?.length > 0">
       <div class="badge bg-secondary text-light rounded-pill ml-auto">
diff --git a/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.ts b/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.ts
index 720c86a94..d8f9b78c9 100644
--- a/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.ts
+++ b/src-ui/src/app/components/filter-editor/filter-dropdown/filter-dropdown.component.ts
@@ -29,6 +29,7 @@ export class FilterDropdownComponent {
   toggle = new EventEmitter()
 
   @ViewChild('listFilterTextInput') listFilterTextInput: ElementRef
+  @ViewChild('filterDropdown') filterDropdown: NgbDropdown
 
   filterText: string
 
@@ -53,5 +54,6 @@ export class FilterDropdownComponent {
   listFilterEnter(): void {
     let filtered = this.filterPipe.transform(this.items, this.filterText)
     if (filtered.length == 1) this.toggleItem(filtered.shift())
+    this.filterDropdown.close()
   }
 }