nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

search: fix oddities in keyboard handling #463

Browse source
This commit is contained in:
Sören Weber 2023-02-03 22:08:06 +01:00
parent 00faf15af5
commit fc040e73d3
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
1 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
static/js/auto-complete.js
View file

@ -9,6 +9,10 @@
- delete search term when suggestions are closed - delete search term when suggestions are closed
McShelby/hugo-theme-relearn#452 McShelby/hugo-theme-relearn#452
- register focus event ignoring minChars because that doesn't make sense - register focus event ignoring minChars because that doesn't make sense
McShelby/hugo-theme-relearn#452
- on ESC, close overlay without deleting search term if overlay is open
- on ESC, delete search term if overlay is closed
- on UP, preventDefault to keep cursor in position
Copyright (c) 2014 Simon Steinberger / Pixabay Copyright (c) 2014 Simon Steinberger / Pixabay
GitHub: https://github.com/Pixabay/JavaScript-autoComplete GitHub: https://github.com/Pixabay/JavaScript-autoComplete
@ -162,6 +166,7 @@ var autoComplete = (function(){
var key = window.event ? e.keyCode : e.which; var key = window.event ? e.keyCode : e.which;
// down (40), up (38) // down (40), up (38)
if ((key == 40 || key == 38) && that.sc.innerHTML) { if ((key == 40 || key == 38) && that.sc.innerHTML) {
e.preventDefault();
var next, sel = that.sc.querySelector('.autocomplete-suggestion.selected'); var next, sel = that.sc.querySelector('.autocomplete-suggestion.selected');
if (!sel) { if (!sel) {
next = (key == 40) ? that.sc.querySelector('.autocomplete-suggestion') : that.sc.childNodes[that.sc.childNodes.length - 1]; // first : last next = (key == 40) ? that.sc.querySelector('.autocomplete-suggestion') : that.sc.childNodes[that.sc.childNodes.length - 1]; // first : last
@ -185,22 +190,20 @@ var autoComplete = (function(){
} }
// esc // esc
else if (key == 27) { else if (key == 27) {
if( that.sc.style.display != 'none' ){ if (that.sc.style.display != 'none') {
// just close the overlay if it's open, and prevent other listeners
// from recognizing it; this is not for you!
e.preventDefault();
e.stopImmediatePropagation();
that.sc.style.display = 'none';
var sel = that.sc.querySelector('.autocomplete-suggestion.selected'); var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
if (sel) { if (sel) {
e.preventDefault(); that.focus();
setTimeout(function(){
that.value = that.last_val;
that.focus();
that.sc.style.display = 'none';
}, 0);
}
else{
that.value = '';
that.sc.style.display = 'none';
} }
} }
else{ else {
// if no overlay is open, we want to remove the search term and also
// want other listeners to recognize it
that.value = ''; that.value = '';
} }
} }