🐛 (editor) Fix share popover behind Test drawer

Closes #1647
baptisteArno · Jul 22, 2024 · 71d09cd · 71d09cd
1 parent 929863f
commit 71d09cd
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/apps/builder/src/features/share/components/ShareTypebotButton.tsx b/apps/builder/src/features/share/components/ShareTypebotButton.tsx
@@ -4,6 +4,7 @@ import {
   PopoverContent,
   Button,
   chakra,
+  Portal,
 } from '@chakra-ui/react'
 import { UsersIcon } from '@/components/icons'
 import React from 'react'
@@ -28,13 +29,15 @@ export const ShareTypebotButton = ({ isLoading }: { isLoading: boolean }) => {
           </chakra.span>
         </Button>
       </PopoverTrigger>
-      <PopoverContent
-        shadow="lg"
-        width="430px"
-        rootProps={{ style: { transform: 'scale(0)' } }}
-      >
-        <SharePopoverContent />
-      </PopoverContent>
+      <Portal>
+        <PopoverContent
+          shadow="lg"
+          width="430px"
+          rootProps={{ style: { transform: 'scale(0)' } }}
+        >
+          <SharePopoverContent />
+        </PopoverContent>
+      </Portal>
     </Popover>
   )
 }