Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Restore the style cache in a way that works for multiple components and prevents the jittering on Application rerender

Browse source
This commit is contained in:
Oliver-Akins 2025-02-09 16:26:52 -07:00
parent 7b29fc8d6f
commit 1535e07f77
1 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
module/Apps/elements/mixins/StyledShadowElement.mjs
View file

@ -11,9 +11,9 @@ export function StyledShadowElement(Base) {
/**
* The stringified CSS to use
* @type {string}
* @type {Map<string, string>}
*/
static _styles;
static _styles = new Map();
/**
* The HTML element of the stylesheet
@ -48,11 +48,17 @@ export function StyledShadowElement(Base) {
_getStyles() {
// TODO: Cache the CSS content in a more sane way that doesn't break
fetch(`./systems/${game.system.id}/templates/${this.constructor._stylePath}`)
.then(r => r.text())
.then(t => {
this._style.innerHTML = t;
});
const stylePath = this.constructor._stylePath;
if (this.constructor._styles.has(stylePath)) {
this._style.innerHTML = this.constructor._styles.get(stylePath);
} else {
fetch(`./systems/${game.system.id}/templates/${stylePath}`)
.then(r => r.text())
.then(t => {
this.constructor._styles.set(stylePath, t);
this._style.innerHTML = t;
});
}
};
};
};