From 4be1b152efd80665c6e2923d146d244388a14d49 Mon Sep 17 00:00:00 2001
From: l0ng-ai <24760907+l0ng-ai@users.noreply.github.com>
Date: Fri, 23 Oct 2026 14:52:13 +0800
Subject: [PATCH] fix(ui): Drop the inner focus outline on text and search
 fields

The global :focus-visible outline outranked the module's `outline: none`
by load order, drawing a second ring inside the framed field's own focus
ring (visible on the Settings search box).

Claude-Session: https://claude.ai/code/session_01B65qLEKnkeYTGdbwhLpjCu
---
 src/ui/Input.module.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/ui/Input.module.css b/src/ui/Input.module.css
index 1a194c621..2d517b879 100644
--- a/src/ui/Input.module.css
+++ b/src/ui/Input.module.css
@@ -74,6 +74,11 @@
   -webkit-user-select: text;
   user-select: text;
 }
+.input:focus-visible,
+.searchInput:focus-visible {
+  /* The frame's focus ring stands in for the global :focus-visible outline. */
+  outline: none;
+}
 .invalid .searchInput {
   color: var(--danger);
 }