From 472aad52e190fa798fc2261b4663f3249c2c5ef9 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Tue, 12 Mar 2024 23:33:24 +0200 Subject: Use constructed stylesheet to prevent chrome from shitting itself when you open element picker --- src/services/style_setter/style_setter.js | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) (limited to 'src/services/style_setter/style_setter.js') diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js index ad296ec4..0a6b9428 100644 --- a/src/services/style_setter/style_setter.js +++ b/src/services/style_setter/style_setter.js @@ -17,13 +17,11 @@ export const applyTheme = async (input) => { // Assuming that "worst case scenario background" is panel background since it's the most likely one const themes3 = init(extraRules, extraRules[0].directives['--bg'].split('|')[1].trim()) - const head = document.head const body = document.body - body.classList.add('hidden') - const styleEl = document.createElement('style') - head.appendChild(styleEl) - const styleSheet = styleEl.sheet + const styleSheet = new CSSStyleSheet() + document.adoptedStyleSheets = [styleSheet] + body.classList.add('hidden') getCssRules(themes3.eager, themes3.staticVars).forEach(rule => { // Hacks to support multiple selectors on same component -- cgit v1.2.3-70-g09d2