HTMLStyleElement.sheet DOM definition

TypeScript Version: 3.2.0-dev.201xxxxx

Search Terms: sheet

Code

using the DOM API

const style = document.querySelector('style');
const sheet = style.sheet;

Expected behavior:

sheet is returned as a StyleSheet, however ALL browsers do not return a StyleSheet class, they return a CSSStyleSheet class, so when you do something like sheet.insertRule it doesn’t exist in the type

Actual behavior:

style.sheet returns a StyleSheet class

Playground Link: https://www.typescriptlang.org/play/index.html#src=const style %3D document.querySelector(‘style’)%3B const sheet %3D style.sheet%3B sheet.insertRule(‘.hello {color%3A %23f00}’)%3B

Related Issues:

[lifeiscontent]

@saschanaz any updates on this?

[SuryaElavazhagan]

Is there any ways to get writable CSSStyleSheet object from the DOM?