From 0606fa3d8b435fea243c0ff66a7d32c15a6de149 Mon Sep 17 00:00:00 2001
From: Enzo <90652800+enzogms@users.noreply.github.com>
Date: Wed, 26 Mar 2025 04:06:00 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20"Pick=20an=20image"=20popo?=
 =?UTF-8?q?ver=20going=20behind=20(#2099)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #2096
---
 .../components/PictureChoiceItemSettings.tsx  | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemSettings.tsx b/apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemSettings.tsx
index ba1fda5ef..09fc8f801 100644
--- a/apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemSettings.tsx
+++ b/apps/builder/src/features/blocks/inputs/pictureChoice/components/PictureChoiceItemSettings.tsx
@@ -8,6 +8,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
+  Portal,
   Stack,
   Text,
 } from "@chakra-ui/react";
@@ -77,26 +78,28 @@ export const PictureChoiceItemSettings = ({
                     : t("blocks.inputs.picture.itemSettings.image.pick.label")}
                 </Button>
               </PopoverTrigger>
-              <PopoverContent p="4" w="500px">
-                <ImageUploadContent
-                  uploadFileProps={{
-                    workspaceId,
-                    typebotId,
-                    blockId,
-                    itemId: item.id,
-                  }}
-                  defaultUrl={item.pictureSrc}
-                  onSubmit={(url) => {
-                    updateImage(url);
-                    onClose();
-                  }}
-                  additionalTabs={{
-                    giphy: true,
-                    unsplash: true,
-                    icon: true,
-                  }}
-                />
-              </PopoverContent>
+              <Portal>
+                <PopoverContent p="4" w="500px">
+                  <ImageUploadContent
+                    uploadFileProps={{
+                      workspaceId,
+                      typebotId,
+                      blockId,
+                      itemId: item.id,
+                    }}
+                    defaultUrl={item.pictureSrc}
+                    onSubmit={(url) => {
+                      updateImage(url);
+                      onClose();
+                    }}
+                    additionalTabs={{
+                      giphy: true,
+                      unsplash: true,
+                      icon: true,
+                    }}
+                  />
+                </PopoverContent>
+              </Portal>
             </>
           )}
         </Popover>