fix: resolve Svelte a11y and reactivity build warnings

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-23 17:45:27 +01:00
parent 3e2ba107e3
commit 069d524d3e
3 changed files with 5 additions and 3 deletions

View File

@@ -30,6 +30,7 @@ const restProgress = $derived(restTotal > 0 ? restSeconds / restTotal : 0);
<SyncIndicator status={syncStatus} /> <SyncIndicator status={syncStatus} />
</div> </div>
{#if restTotal > 0 && restSeconds > 0} {#if restTotal > 0 && restSeconds > 0}
<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_noninteractive_element_interactions -->
<div class="rest-pill" onclick={(e) => e.stopPropagation()}> <div class="rest-pill" onclick={(e) => e.stopPropagation()}>
<div class="rest-fill" style:width="{restProgress * 100}%"></div> <div class="rest-fill" style:width="{restProgress * 100}%"></div>
<div class="rest-controls"> <div class="rest-controls">

View File

@@ -159,8 +159,9 @@
</div> </div>
{#if goalEditing} {#if goalEditing}
<div class="goal-editor-overlay" onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="dialog"> <!-- svelte-ignore a11y_no_static_element_interactions -->
<div class="goal-editor-backdrop" onclick={() => goalEditing = false}></div> <div class="goal-editor-overlay" onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="dialog" tabindex="-1">
<div class="goal-editor-backdrop" onclick={() => goalEditing = false} onkeydown={(e) => { if (e.key === 'Escape') goalEditing = false; }} role="presentation"></div>
<div class="goal-editor-panel"> <div class="goal-editor-panel">
<h3>{t('weekly_goal', lang)}</h3> <h3>{t('weekly_goal', lang)}</h3>
<div class="goal-input-row"> <div class="goal-input-row">

View File

@@ -90,7 +90,7 @@
} }
} }
let gpsToggling = false; let gpsToggling = $state(false);
async function toggleGps() { async function toggleGps() {
if (gpsToggling) return; if (gpsToggling) return;
gpsToggling = true; gpsToggling = true;