feat(ui): trap focus in the Settings dialog (T7.5, FR-UX-4)

This commit is contained in:
iamdoubz
2026-07-02 07:30:54 -05:00
parent 90e59ee186
commit 8d1a0047ee
+9 -1
View File
@@ -8,6 +8,7 @@
import ConsentNotice from "../components/ConsentNotice.svelte";
import { open } from "@tauri-apps/plugin-dialog";
import type { BackendId, SyncKind, SyncTargetConfig } from "../api";
import { trapFocus } from "../actions/trapFocus";
let { onClose }: { onClose: () => void } = $props();
@@ -125,7 +126,14 @@
}
</script>
<div class="overlay" role="dialog" aria-modal="true" aria-label="Settings">
<div
class="overlay"
role="dialog"
aria-modal="true"
aria-label="Settings"
tabindex="-1"
use:trapFocus
>
<div class="panel">
<header>
<strong>Settings</strong>