Microsoft/vscode

Make dropdown control looks more consistent with other parts

Open

#224 780 ouverte le 5 août 2024

Voir sur GitHub
 (9 commentaires) (1 réaction) (1 assigné)TypeScript (10 221 forks)batch import
dropdownfeature-requesthelp wantedux

Métriques du dépôt

Stars
 (74 848 stars)
Métriques de merge PR
 (Merge moyen 11h 43m) (1 000 PRs mergées en 30 j)

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.

Guide contributeur

Direction de recherche
Étudiez l'implémentation actuelle du menu déroulant dans l'interface utilisateur de VSCode, probablement dans `src/vs/base/browser/ui/select/`. Examinez les menus déroulants personnalisés existants comme `list` ou `input` pour identifier des modèles. Prenez en compte l'accessibilité et la navigation au clavier. Consultez les commentaires dans l'issue pour toute discussion sur des alternatives ou des contraintes de conception.
Stack technique
typescriptcss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
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.
Plutôt claire
Prérequis
CSSTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
55