holm/the-glorious-startpage
1
0
Fork 0
forked from extern/the-glorious-startpage
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix webmenu search erasure bug

Browse Source
This commit is contained in:
Gerome Matilla 2020-06-07 06:04:00 +08:00
parent b11ac06301
commit 083ac06021
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
js/web-menu.js
View File

@ -288,7 +288,8 @@ const navigateWithArrows = (key, len) => {
// viewport width
const vw = (unit) => window.innerWidth * (unit / 100);
// Gets the number of columns by dividing the screen width minus the padding, scroll width and average of menu item width by the menu item width
// Gets the number of columns by dividing the screen width minus the padding, scroll width and
// average of menu item width by the menu item width
const containerWindow = ((window.innerWidth - (menuItemWidth / 2) - scrollBarWidth - vw(24)) / menuItemWidth);
// Get rounded result
return Math.round(containerWindow);
@ -299,15 +300,23 @@ const navigateWithArrows = (key, len) => {
switch (key) {
case right:
webListIndex++;
// Clear web menu searchbox
webMenuSearchBox.value = '';
break;
case left:
webListIndex--;
// Clear web menu searchbox
webMenuSearchBox.value = '';
break;
case up:
webListIndex = webListIndex - getIndexByWindowWidth();
// Clear web menu searchbox
webMenuSearchBox.value = '';
break;
case down:
webListIndex = webListIndex + getIndexByWindowWidth();
// Clear web menu searchbox
webMenuSearchBox.value = '';
break;
}
}
@ -329,8 +338,7 @@ const navigateWithArrows = (key, len) => {
if (key === down) { return changeItemFocus((webListIndex <= len), 0) }
}
// Clear web menu searchbox
webMenuSearchBox.value = '';
changeWebListIndex();
if (webItemFocus) {
removeClass(webItemFocus, 'webItemFocus');