From 71d09cdf7c997e6774981285fd4e84dfbb22f135 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Mon, 22 Jul 2024 17:11:40 +0200
Subject: [PATCH] :bug: (editor) Fix share popover behind Test drawer

Closes #1647
---
 .../share/components/ShareTypebotButton.tsx     | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/builder/src/features/share/components/ShareTypebotButton.tsx b/apps/builder/src/features/share/components/ShareTypebotButton.tsx
index 574c9da77..26eb80d6d 100644
--- 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>
   )
 }