Microsoft/TypeScript

Error when accessing CSS property value using kebab case in `CSSStyleDeclaration` object

Open

#59.968 geöffnet am 14. Sept. 2024

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (6.726 Forks)batch import
BugDomain: lib.d.tsHelp Wanted

Repository-Metriken

Stars
 (48.455 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 6T 17h) (9 gemergte PRs in 30 T)

Beschreibung

🔎 Search Terms

"CSS property value kebab case dash", "CSSStyleDeclaration", "getComputedStyle", "getPropertyValue"

🕗 Version & Regression Information

  • This is the behavior in every version I tried, and I reviewed the FAQ for entries about "CSSStyleDeclaration", "getComputedStyle"

⏯ Playground Link

https://www.typescriptlang.org/play/?ts=5.7.0-dev.20240914#code/OYUwLgwg9gtgDgVzCAJgZTATwDYgBQpQDGCMIAdmAHQBGUKmAlANoDkNAhkQNbABOUBORQBaIlGxQ+rALpA

💻 Code

getComputedStyle(document.body)['background-color']

🙁 Actual behavior

TypeScript reports following error:

Element implicitly has an 'any' type because index expression is not of type 'number'.

🙂 Expected behavior

TypeScript should not report any error.

Additional information about the issue

If I update the file node_modules/typescript/lib/lib.dom.d.ts to include background-color as follows:

interface CSSStyleDeclaration {
  // ...
  'background-color': string;
  // ...
}

the error does not occur for background-color property.

Contributor Guide

Research-Richtung
Öffnen Sie die Datei lib.dom.d.ts im TypeScript Repository, suchen Sie das Interface CSSStyleDeclaration und fügen Sie kebab case Varianten für gängige CSS Eigenschaften hinzu.
Tech Stack
typescript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80