From 697d8eca43501395c0437fcabb28aeea3a98d759 Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Thu, 22 Jun 2023 13:03:50 +0530
Subject: [PATCH] Allow closing the embed on clicking the black transparent
 area (#9706)

---
 packages/features/bookings/Booker/Booker.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/features/bookings/Booker/Booker.tsx b/packages/features/bookings/Booker/Booker.tsx
index 72ce20eebf..63ed134072 100644
--- a/packages/features/bookings/Booker/Booker.tsx
+++ b/packages/features/bookings/Booker/Booker.tsx
@@ -119,6 +119,8 @@ const BookerComponent = ({
         <div
           ref={animationScope}
           className={classNames(
+            // In a popup embed, if someone clicks outside the main(having main class or main tag), it closes the embed
+            "main",
             // Sets booker size css variables for the size of all the columns.
             ...getBookerSizeClassNames(layout, bookerState, hideEventTypeDetails),
             "bg-default dark:bg-muted grid max-w-full items-start dark:[color-scheme:dark] sm:transition-[width] sm:duration-300 sm:motion-reduce:transition-none md:flex-row",