Set nonce before inserting style element

transcend-io · Oct 18, 2024 · 22bfd73 · 22bfd73
1 parent f451eec
commit 22bfd73
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
  "url": "https://github.com/transcend-io/consent-manager-ui.git"
  },
  "homepage": "https://github.com/transcend-io/consent-manager-ui",
- "version": "4.19.0",
+ "version": "4.19.1",
  "license": "MIT",
  "main": "build/ui",
  "files": [

diff --git a/src/consent-manager.tsx b/src/consent-manager.tsx
@@ -47,17 +47,17 @@ export const injectConsentManagerApp = async (
  shadowRoot.appendChild(appContainer);
 
  // Don't inherit global styles
- const style = appContainer.appendChild(
- createHTMLElement<HTMLStyleElement>('style'),
- );
-
- // Append UI container to doc to activate style.sheet
- (document.documentElement || document).append(consentManager);
+ const style = createHTMLElement<HTMLStyleElement>('style');
 
  if (CSP_NONCE) {
  style.nonce = CSP_NONCE;
  }
 
+ appContainer.appendChild(style);
+
+ // Append UI container to doc to activate style.sheet
+ (document.documentElement || document).append(consentManager);
+
  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
  style
  .sheet! // 1st rule so subsequent properties are reset