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 000000000..b14675b95 --- /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 a8632dbb1..685d170b0 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