jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-15 23:06:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3587 from WoodyLetsCode/search-scroll-top

Browse Source 
Scroll to first search result on search
This commit is contained in:
Blaž Kristan 2023-12-21 20:49:44 +01:00 committed by GitHub
commit abf7dd5fa8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
wled00/data/index.js
View File

@ -2772,8 +2772,10 @@ function search(field, listId = null) {
field.nextElementSibling.style.display = (field.value !== '') ? 'block' : 'none'; field.nextElementSibling.style.display = (field.value !== '') ? 'block' : 'none';
if (!listId) return; if (!listId) return;
const search = field.value !== '';
// clear filter if searching in fxlist // clear filter if searching in fxlist
if (listId === 'fxlist' && field.value !== '') { if (listId === 'fxlist' && search) {
gId("filters").querySelectorAll("input[type=checkbox]").forEach((e) => { e.checked = false; }); gId("filters").querySelectorAll("input[type=checkbox]").forEach((e) => { e.checked = false; });
} }
@ -2807,6 +2809,12 @@ function search(field, listId = null) {
sortedListItems.forEach(item => { sortedListItems.forEach(item => {
gId(listId).append(item); gId(listId).append(item);
}); });
// scroll to first search result
const firstVisibleItem = sortedListItems.find(item => item.style.display !== 'none' && !item.classList.contains('sticky') && !item.classList.contains('selected'));
if (firstVisibleItem && search) {
firstVisibleItem.scrollIntoView({ behavior: "instant", block: "center" });
}
} }
function clean(clearButton) { function clean(clearButton) {