From aa17262ab5ecd77ad0eba103194fe64a8452468f Mon Sep 17 00:00:00 2001
From: Dawit Worku <dawitworkujima@gmail.com>
Date: Wed, 27 May 2026 01:03:11 +0300
Subject: [PATCH] fix(web): restore focus-visible outlines on native inputs

A global `input:focus-visible { outline: none !important; }` rule in
app.css was suppressing browser focus outlines on all native inputs,
while @immich/ui buttons retained their own outline-2 focus styles.
This caused inconsistent keyboard-focus feedback across admin pages.

Remove the global suppression. Inputs styled with `immich-form-input`
already declare `outline-none` and use a `focus-within` ring for focus
indication, so they are unaffected. Bare inputs (DurationInput,
SearchBar, DateInput) will now correctly show the browser's
`:focus-visible` outline.

Closes #19498
---
 web/src/app.css | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/web/src/app.css b/web/src/app.css
index 4435b255d2..51a29a71b5 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -153,11 +153,6 @@
     background-color: black;
   }
 
-  input:focus-visible {
-    outline-offset: 0px !important;
-    outline: none !important;
-  }
-
   .text-white-shadow {
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
   }