immich-app/immich

Focus outlines are broken/inconsistent

Ouverte

#19 498 ouverte le 24 juin 2025

Voir sur GitHubGuide contributeur
 (6 commentaires) (0 réaction) (0 personne assignée)TypeScript (5 601 forks)batch import
good first issue🖥️web

Métriques du dépôt

Stars
 (100 600 étoiles)
Métriques de merge PR
 (Merge moyen 5j 3h) (258 PRs mergées en 30 j)

Description

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

Guide contributeur

Direction de recherche
Étudiez les styles de focus de la page d'administration web. Inspectez les éléments à l'aide de Chrome DevTools pour identifier les règles CSS à l'origine des contours cassés. Recherchez les propriétés `outline` manquantes ou écrasées, en particulier sur les boutons et les éléments de menu. Vérifiez si Tailwind CSS ou des styles personnalisés sont utilisés et si la pseudo classe `focus visible` est appliquée. Prenez en compte la compatibilité multi navigateurs pour Chrome 137 et d'autres navigateurs. Une correction potentielle consiste à ajouter des styles de focus explicites (par exemple, `outline: 2px solid currentColor; outline offset: 2px;`) aux éléments interactifs.
Stack technique
css
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70