immich-app/immich

Focus outlines are broken/inconsistent

Open

#19.498 aberto em 24 de jun. de 2025

Ver no GitHub
 (6 comments) (0 reactions) (0 assignees)TypeScript (5.601 forks)batch import
good first issue🖥️web

Métricas do repositório

Stars
 (100.600 stars)
Métricas de merge de PR
 (Mesclagem média 5d 3h) (258 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Investigue os estilos de foco da página de administração web. Inspecione elementos usando o Chrome DevTools para identificar as regras CSS que causam contornos quebrados. Procure por propriedades `outline` ausentes ou sobrescritas, especialmente em botões e itens de menu. Verifique se o Tailwind CSS ou estilos personalizados são usados e se a pseudo classe `focus visible` é aplicada. Considere a compatibilidade entre navegadores para o Chrome 137 e outros navegadores. Uma correção potencial envolve adicionar estilos de foco explícitos (por exemplo, `outline: 2px solid currentColor; outline offset: 2px;`) aos elementos interativos.
Pilha de tecnologia
css
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
HTMLCSS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70