microsoft / microsoft/TypeScript

Add auto-completion results to CSSStyleDeclaration.{setProperty,removeProperty}

Aperta
#38,956 1 commento 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Awaiting More Feedback Suggestion
Lingua principale
Go
Stelle
111k
Fork
14.3k
Merge medio
1g 19h
PR unite (30g)
117

Descrizione

Search Terms

setProperty

Suggestion

CSSStyleDeclaration.setProperty(propertyName, value, priority); is currently typed as setProperty(property: string, value: string | null, priority?: string | undefined): void.
There is a specific set of defined properties in CSS: https://www.w3.org/TR/CSS/#properties It would be great if this specific list of properties could be added to the definition, such that auto-completion would show the allowed values.

(The same is true for https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/removeProperty so this feature request applies to that method as well)

For backwards compatible reasons (and to be spec-compliant), a string overload would remain. That's because the following is legal, albeit a noop:

element.style.setProperty('non-existent', 'something');

Use Cases

Improved editor experience for style APIs.

Examples

With my cursor at |, ask for the auto-completions. The expected behavior would be to show the list of accepted properties, similar to how document.createElement works.

element.style.setProperty('|

Checklist

My suggestion meets these guidelines:

  • This wouldn't be a breaking change in existing TypeScript/JavaScript code
  • This wouldn't change the runtime behavior of existing JavaScript code
  • This could be implemented without emitting different JS based on the types of the expressions
  • This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
  • This feature would agree with the rest of TypeScript's Design Goals.

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia dalle definizioni di CSSStyleDeclaration.setProperty e removeProperty, usando la tipizzazione esistente di document.createElement come confronto per il comportamento del completamento. Il lavoro è completato quando i nomi delle proprietà CSS conosciuti compaiono nei risultati del completamento, mentre le stringhe arbitrarie continuano a essere accettate per garantire la compatibilità con le versioni precedenti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
typescript
Ambito
frontend, web-dev
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.