From 310035bea663a746fd6529858735816d6f4a3fd3 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Sat, 12 Jan 2019 16:09:38 +0100
Subject: [PATCH] Hide/show dropdown on input

---
 UI/Component/AdvancedInput.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/UI/Component/AdvancedInput.js b/UI/Component/AdvancedInput.js
index 89363be..ad34ad2 100644
--- a/UI/Component/AdvancedInput.js
+++ b/UI/Component/AdvancedInput.js
@@ -49,12 +49,15 @@
                 }
             });
 
+            this.inputField.addEventListener('focusin', function(e) {
+                jsOMS.addClass(this, 'active');
+            });
+
             this.dropdownElement.addEventListener('keydown', function(e) {
                 jsOMS.preventAll(e);
 
                 // todo: consider if it makes sense to have a none element always for phone users only to jump out?
                 // todo: if not remote then the suggestion dropdown should filter itself based on best match
-                // todo: dropdown should show/hide or depending on setting be always visible maybe with :focus+table or similar
 
                 if (e.keyCode === 27 || e.keyCode === 46 || e.keyCode === 8) {
                     // handle esc, del to go back to input field
@@ -80,6 +83,7 @@
 
             this.dropdownElement.addEventListener('focusout', function(e){
                 self.clearDataListSelection(self);
+                jsOMS.removeClass(self.inputField, 'active');
             });
 
             this.dropdownElement.addEventListener('click', function(e) {
@@ -89,6 +93,7 @@
 
                 self.clearDataListSelection(self);
                 self.addToResultList(self);
+                jsOMS.removeClass(self.inputField, 'active');
             });
         };