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

fix: type errors in UserHeader querySelector calls

Browse Source
This commit is contained in:
Alexander Bocken
2026-03-01 21:12:44 +01:00
parent a4f48ec322
commit 9e5fef1463
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/UserHeader.svelte
View File

@@ -5,16 +5,16 @@
let { user, recipeLang = 'rezepte', lang = 'de' } = $props(); let { user, recipeLang = 'rezepte', lang = 'de' } = $props();
function toggle_options(){ function toggle_options(){
const el = document.querySelector("#options-wrap") const el = document.querySelector("#options-wrap") as HTMLElement | null;
el.hidden = !el.hidden if (el) el.hidden = !el.hidden;
} }
onMount( () => { onMount( () => {
document.addEventListener("click", (e) => { document.addEventListener("click", (e: MouseEvent) => {
const userButton = document.querySelector("#button") const userButton = document.querySelector("#button");
if(userButton && !userButton.contains(e.target)){ if(userButton && !userButton.contains(e.target as Node)){
const wrap = document.querySelector("#options-wrap"); const wrap = document.querySelector("#options-wrap") as HTMLElement | null;
if (wrap) wrap.hidden = true; if (wrap) wrap.hidden = true;
} }
}) })