From 7a6d6c8f9f0b4bf9ff3e24e6f31ecf7cb5f816e2 Mon Sep 17 00:00:00 2001
From: Jonathan Ligi <jonathan.ligi@priceline.com>
Date: Wed, 17 Apr 2024 09:15:55 -0400
Subject: [PATCH] fix(RC-26177): zindex prop for menu (#1484)

---
 .../fix-RC-26177-menu-zindex_2024-04-16-14-30.json     | 10 ++++++++++
 packages/menu/src/Menu/Menu.jsx                        |  5 ++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 common/changes/pcln-menu/fix-RC-26177-menu-zindex_2024-04-16-14-30.json

diff --git a/common/changes/pcln-menu/fix-RC-26177-menu-zindex_2024-04-16-14-30.json b/common/changes/pcln-menu/fix-RC-26177-menu-zindex_2024-04-16-14-30.json
new file mode 100644
index 0000000000..b14675b95e
--- /dev/null
+++ b/common/changes/pcln-menu/fix-RC-26177-menu-zindex_2024-04-16-14-30.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-menu",
+      "comment": "Adding zindex to menu",
+      "type": "patch"
+    }
+  ],
+  "packageName": "pcln-menu"
+}
\ No newline at end of file
diff --git a/packages/menu/src/Menu/Menu.jsx b/packages/menu/src/Menu/Menu.jsx
index a8632dbb17..685d170b0f 100644
--- a/packages/menu/src/Menu/Menu.jsx
+++ b/packages/menu/src/Menu/Menu.jsx
@@ -18,6 +18,7 @@ function Menu({
   placement,
   children,
   querySelectorPortal,
+  zIndex,
   ...props
 }) {
   const MenuContent = ({ handleClose }) => (
@@ -67,7 +68,7 @@ function Menu({
         renderContent={MenuContent}
         trapFocus={trapFocus}
         width={width}
-        zIndex={1600}
+        zIndex={zIndex}
         querySelectorPortal={`.${querySelectorPortal}`}
         {...props}
       >
@@ -95,12 +96,14 @@ Menu.propTypes = {
   placement: PropTypes.string,
   children: PropTypes.node,
   querySelectorPortal: PropTypes.string,
+  zIndex: PropTypes.number,
 }
 
 Menu.defaultProps = {
   size: 'singleColumn',
   trapFocus: true,
   width: '650px',
+  zIndex: 1600,
 }
 
 export default Menu