fix(RC-26177): zindex prop for menu (#1484)

priceline · Apr 17, 2024 · 7a6d6c8 · 7a6d6c8
1 parent 42c30f7
commit 7a6d6c8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
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
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-menu",
+      "comment": "Adding zindex to menu",
+      "type": "patch"
+    }
+  ],
+  "packageName": "pcln-menu"
+}
diff --git 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