variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Separate theatre's root from playground's

Browse source
This commit is contained in:
Aria Minaei 2022-03-02 23:12:33 +01:00
parent c919aa2f22
commit 53c3302cab
1 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
theatre/studio/src/UI.ts
View file

@ -25,15 +25,24 @@ export default class UI {
pointer-events: none; pointer-events: none;
z-index: 100; z-index: 100;
` `
this.containerShadow =
window.__IS_VISUAL_REGRESSION_TESTING === true const createShadowRoot = (): ShadowRoot & HTMLElement => {
? (document.getElementById('root') as $IntentionalAny) if (window.__IS_VISUAL_REGRESSION_TESTING === true) {
: (this.containerEl.attachShadow({ const fauxRoot = document.createElement('div')
mode: 'open', fauxRoot.id = 'theatrejs-faux-shadow-root'
// To see why I had to cast this value to HTMLElement, take a look at its document.body.appendChild(fauxRoot)
// references of this prop. There are a few functions that actually work return fauxRoot as $IntentionalAny
// with a ShadowRoot but are typed to accept HTMLElement } else {
}) as $IntentionalAny as ShadowRoot & HTMLElement) return this.containerEl.attachShadow({
mode: 'open',
// To see why I had to cast this value to HTMLElement, take a look at its
// references of this prop. There are a few functions that actually work
// with a ShadowRoot but are typed to accept HTMLElement
}) as $IntentionalAny
}
}
this.containerShadow = createShadowRoot()
} }
render() { render() {