From 2768f560adbd0f21b9cd535b4cdb56b0bb70c9b8 Mon Sep 17 00:00:00 2001
From: Vamsi Krishna <46787868+mathalav55@users.noreply.github.com>
Date: Tue, 3 Dec 2024 12:51:39 +0530
Subject: [PATCH] [WEB-2802]fix:filters drop down fix safari (#6133)

* filters drop down fix safari

* added comments for translation
---
 .../issues/issue-layouts/filters/header/helpers/dropdown.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 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 a16df50c17..f7c8deab1c 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,8 @@ 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">
+              {/** 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"
                   ref={setPopperElement}