fix: fix shadowdom/frame support for file upload

saas-js · Jan 17, 2024 · 0ee3634 · 0ee3634
1 parent a22cde3
commit 0ee3634
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/silver-avocados-complain.md b/.changeset/silver-avocados-complain.md
@@ -0,0 +1,5 @@
+---
+'@saas-ui/file-upload': patch
+---
+
+Retrieve environment from Chakra UI context to support shadowdom/frame for file uploads
diff --git a/packages/pro b/packages/pro
diff --git a/packages/saas-ui-file-upload/src/file-upload.tsx b/packages/saas-ui-file-upload/src/file-upload.tsx
@@ -8,6 +8,7 @@ import {
   ButtonProps,
   Image,
   ImageProps,
+  useEnvironment,
 } from '@chakra-ui/react'
 
 import { pick, runIfFn, split } from '@chakra-ui/utils'
@@ -50,7 +51,12 @@ export const FileUpload = forwardRef<FileUploadProps, 'div'>((props, ref) => {
     'getRootNode',
   ])
 
-  const context = useFileUpload(options)
+  const env = useEnvironment()
+
+  const context = useFileUpload({
+    getRootNode: env.getDocument,
+    ...options,
+  })
 
   const styles = useMultiStyleConfig('SuiFileUpload', {
     styleConfig: fileUploadTheme,