Microsoft/vscode

Make dropdown control looks more consistent with other parts

Open

#224.780 aperta il 5 ago 2024

Vedi su GitHub
 (9 commenti) (1 reazione) (1 assegnatario)TypeScript (10.221 fork)batch import
dropdownfeature-requesthelp wantedux

Metriche repository

Star
 (74.848 star)
Metriche merge PR
 (Merge medio 11h 43m) (1000 PR mergiate in 30 g)

Descrizione

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.

Guida contributor

Direzione di ricerca
Indaga l'implementazione corrente del menu a discesa nell'interfaccia utente di VSCode, probabilmente in `src/vs/base/browser/ui/select/`. Esamina i menu a discesa personalizzati esistenti come `list` o `input` per individuare pattern. Considera l'accessibilità e la navigazione da tastiera. Controlla i commenti nell'issue per eventuali discussioni su alternative o vincoli di progettazione.
Tech stack
typescriptcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Abbastanza chiara
Prerequisiti
CSSTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
55