Remove use of cssText in react-focus-guards

Violates Content-Security-Policy unless `style-src: 'unsafe-inline'` is permitted otherwise.
radix-ui · Sep 27, 2024 · fc53007 · fc53007
1 parent e736efa
commit fc53007
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.yarn/versions/4c2c950e.yml b/.yarn/versions/4c2c950e.yml
@@ -0,0 +1,2 @@
+releases:
+  "@radix-ui/react-focus-guards": minor
diff --git a/packages/react/focus-guards/src/FocusGuards.tsx b/packages/react/focus-guards/src/FocusGuards.tsx
@@ -32,7 +32,10 @@ function createFocusGuard() {
   const element = document.createElement('span');
   element.setAttribute('data-radix-focus-guard', '');
   element.tabIndex = 0;
-  element.style.cssText = 'outline: none; opacity: 0; position: fixed; pointer-events: none';
+  element.style.outline = 'none';
+  element.style.opacity = '0';
+  element.style.position = 'fixed';
+  element.style.pointerEvents = 'none';
   return element;
 }