Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reimplement click_only_result option, scroll results into view

Browse Source
This commit is contained in:
Alexander Bocken 2023-11-21 00:44:17 +01:00
parent f94bb702bc
commit 31416870d1
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/Search.svelte
View File

@ -36,6 +36,16 @@ onMount(() => {
scrollers.filter(item => !scrollers_with_results.includes(item)).forEach( scroller => {
scroller.parentNode.style.display= 'none'
})
scroll
// if only one result and click_only_result is true, click it
if(click_only_result && scrollers_with_results.length == 1 && scrollers_with_results[0].querySelector(".matched-recipe").length == 1){
scrollers_with_results[0].querySelector(".matched-recipe").click()
}
// if scrollers with results are presenet scroll first result into view
if(scrollers_with_results.length > 0){
scrollers_with_results[0].scrollIntoView({behavior: "smooth", block: "end", inline: "nearest"});
}
}
search.addEventListener("input", () => {
@ -60,12 +70,11 @@ onMount(() => {
if(pair[0] == 'q'){
const search = document.getElementById("search");
search.value=pair[1];
do_search(click_only_result=true);
do_search(true);
}
}
});
// @license-end
</script>
<style>
input#search {