Microsoft/vscode

Make dropdown control looks more consistent with other parts

Open

#224.780 aberto em 5 de ago. de 2024

Ver no GitHub
 (9 comments) (1 reaction) (1 assignee)TypeScript (10.221 forks)batch import
dropdownfeature-requesthelp wantedux

Métricas do repositório

Stars
 (74.848 stars)
Métricas de merge de PR
 (Mesclagem média 11h 43m) (1.000 fundiu PRs em 30d)

Description

image Control like this uses native select control. I think there are several drawbacks:

  1. No smooth scrolling
  2. No shadow
  3. It's hard to change its appearance or extend its function in the future. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#styling_with_css
  4. The separator is of the same height as other options and not enough width (since it's just a disabled option with text ----). It should be like in the normal menu, extending to both sides and having a smaller height.

Therefore I suggest using a custom control instead.

Guia do colaborador

Direção de pesquisa
Investigue a implementação atual do menu suspenso na interface do usuário do VSCode, provavelmente em `src/vs/base/browser/ui/select/`. Revise os menus suspensos personalizados existentes, como `list` ou `input`, para identificar padrões. Considere acessibilidade e navegação por teclado. Veja os comentários na issue para qualquer discussão sobre alternativas ou restrições de design.
Pilha de tecnologia
typescriptcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
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.
Principalmente claro
Prerequisites
CSSTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
55