microsoft / microsoft/TypeScript
Add auto-completion results to CSSStyleDeclaration.{setProperty,removeProperty}
Nessuno ha ancora preso questa issue.
- 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
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- 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