From 8d1a0047ee062b8b78bc949ea6f98778ddadfffb Mon Sep 17 00:00:00 2001
From: iamdoubz <>
Date: Thu, 2 Jul 2026 07:30:54 -0500
Subject: [PATCH] feat(ui): trap focus in the Settings dialog (T7.5, FR-UX-4)

---
 src/lib/views/Settings.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/views/Settings.svelte b/src/lib/views/Settings.svelte
index 01940d1..d9d10f8 100644
--- a/src/lib/views/Settings.svelte
+++ b/src/lib/views/Settings.svelte
@@ -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>