Jingga/jsOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/jsOMS.git synced 2026-02-15 08:48:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Hide/show dropdown on input

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-01-12 16:09:38 +01:00
parent a525f6c881
commit 310035bea6
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
UI/Component/AdvancedInput.js
View File

@ -49,12 +49,15 @@
} }
}); });
this.inputField.addEventListener('focusin', function(e) {
jsOMS.addClass(this, 'active');
});
this.dropdownElement.addEventListener('keydown', function(e) { this.dropdownElement.addEventListener('keydown', function(e) {
jsOMS.preventAll(e); jsOMS.preventAll(e);
// todo: consider if it makes sense to have a none element always for phone users only to jump out? // 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: 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) { if (e.keyCode === 27 || e.keyCode === 46 || e.keyCode === 8) {
// handle esc, del to go back to input field // handle esc, del to go back to input field
@ -80,6 +83,7 @@
this.dropdownElement.addEventListener('focusout', function(e){ this.dropdownElement.addEventListener('focusout', function(e){
self.clearDataListSelection(self); self.clearDataListSelection(self);
jsOMS.removeClass(self.inputField, 'active');
}); });
this.dropdownElement.addEventListener('click', function(e) { this.dropdownElement.addEventListener('click', function(e) {
@ -89,6 +93,7 @@
self.clearDataListSelection(self); self.clearDataListSelection(self);
self.addToResultList(self); self.addToResultList(self);
jsOMS.removeClass(self.inputField, 'active');
}); });
}; };