From 3a9f94fa5c51a40388923f071fd762b8add5941d Mon Sep 17 00:00:00 2001
From: vamsi krishna <matalav55@gmail.com>
Date: Mon, 2 Dec 2024 16:21:35 +0530
Subject: [PATCH 1/3] filters drop down fix safari

---
 .../issues/issue-layouts/filters/header/helpers/dropdown.tsx    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx b/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
index a16df50c17e..0cafa50ca86 100644
--- a/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
+++ b/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
@@ -85,7 +85,7 @@ export const FiltersDropdown: React.FC<Props> = (props) => {
               leaveFrom="opacity-100 translate-y-0"
               leaveTo="opacity-0 translate-y-1"
             >
-              <Popover.Panel className="fixed z-10">
+              <Popover.Panel className="fixed z-10 translate-y-0">
                 <div
                   className="overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 shadow-custom-shadow-rg my-1"
                   ref={setPopperElement}

From 620516085b7e127c03a2df430957d786f232f7aa Mon Sep 17 00:00:00 2001
From: vamsi krishna <matalav55@gmail.com>
Date: Tue, 3 Dec 2024 12:36:30 +0530
Subject: [PATCH 2/3] added comments for translation

---
 .../issues/issue-layouts/filters/header/helpers/dropdown.tsx     | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx b/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
index 0cafa50ca86..f7c8deab1c7 100644
--- a/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
+++ b/web/core/components/issues/issue-layouts/filters/header/helpers/dropdown.tsx
@@ -85,6 +85,7 @@ export const FiltersDropdown: React.FC<Props> = (props) => {
               leaveFrom="opacity-100 translate-y-0"
               leaveTo="opacity-0 translate-y-1"
             >
+              {/** translate-y-0 is a hack to create new stacking context. Required for safari  */}
               <Popover.Panel className="fixed z-10 translate-y-0">
                 <div
                   className="overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 shadow-custom-shadow-rg my-1"

From 1fe3d235300f2b4510fa980b5a451780dea53e01 Mon Sep 17 00:00:00 2001
From: vamsi krishna <matalav55@gmail.com>
Date: Wed, 4 Dec 2024 14:31:55 +0530
Subject: [PATCH 3/3] fixed drop down visibility issue

---
 packages/ui/src/dropdowns/custom-menu.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/dropdowns/custom-menu.tsx b/packages/ui/src/dropdowns/custom-menu.tsx
index 274601822ea..e74fa594904 100644
--- a/packages/ui/src/dropdowns/custom-menu.tsx
+++ b/packages/ui/src/dropdowns/custom-menu.tsx
@@ -93,7 +93,14 @@ const CustomMenu = (props: ICustomMenuDropdownProps) => {
   useOutsideClickDetector(dropdownRef, closeDropdown, useCaptureForOutsideClick);
 
   let menuItems = (
-    <Menu.Items data-prevent-outside-click={!!portalElement} className={cn("fixed z-10", menuItemsClassName)} static>
+    <Menu.Items
+      data-prevent-outside-click={!!portalElement}
+      className={cn(
+        "fixed z-10 translate-y-0",
+        menuItemsClassName
+      )} /** translate-y-0 is a hack to create new stacking context. Required for safari  */
+      static
+    >
       <div
         className={cn(
           "my-1 overflow-y-scroll rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 px-2 py-2.5 text-xs shadow-custom-shadow-rg focus:outline-none min-w-[12rem] whitespace-nowrap",