immich-app/immich

Focus outlines are broken/inconsistent

Open

#19.498 aperta il 24 giu 2025

Vedi su GitHub
 (6 commenti) (0 reazioni) (0 assegnatari)TypeScript (5601 fork)batch import
good first issue🖥️web

Metriche repository

Star
 (100.600 star)
Metriche merge PR
 (Merge medio 5g 3h) (258 PR mergiate in 30 g)

Descrizione

I have searched the existing issues, both open and closed, to make sure this is not a duplicate report.

  • Yes

The bug

There are some various rendering issues in the web view admin page, when using the TAB key to cycle through buttons/menu items.

Chrome 137

Image

Image

The OS that Immich Server is running on

Debian 12

Version of Immich Server

v1.135.3

Version of Immich Mobile App

v1.135.3

Platform with the issue

  • Server
  • Web
  • Mobile

Your docker-compose.yml content

N/A

Your .env content

N/A

Reproduction steps

N/A

Relevant log output

Additional information

No response

Guida contributor

Direzione di ricerca
Indaga sugli stili di focus della pagina di amministrazione web. Ispeziona gli elementi utilizzando Chrome DevTools per identificare le regole CSS che causano contorni interrotti. Cerca proprietà `outline` mancanti o sovrascritte, specialmente su pulsanti e voci di menu. Verifica se vengono utilizzati Tailwind CSS o stili personalizzati e se viene applicata la pseudo classe `focus visible`. Considera la compatibilità cross browser per Chrome 137 e altri browser. Una potenziale soluzione prevede l'aggiunta di stili di focus espliciti (ad esempio, `outline: 2px solid currentColor; outline offset: 2px;`) agli elementi interattivi.
Tech stack
css
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70