diff --git a/packages/vkui/src/components/Popper/Popper.tsx b/packages/vkui/src/components/Popper/Popper.tsx index 6d8eaa86c0..128cd7d5ab 100644 --- a/packages/vkui/src/components/Popper/Popper.tsx +++ b/packages/vkui/src/components/Popper/Popper.tsx @@ -1,6 +1,7 @@ 'use client'; import * as React from 'react'; +import { mergeStyle } from '../../helpers/mergeStyle'; import { useExternRef } from '../../hooks/useExternRef'; import { autoUpdateFloatingElement, @@ -113,6 +114,8 @@ export const Popper = ({ children, usePortal = true, onPlacementChange, + zIndex, + style, ...restProps }: PopperProps): React.ReactNode => { const [arrowRef, setArrowRef] = React.useState(null); @@ -159,9 +162,17 @@ export const Popper = ({ refs.setReference('current' in targetRef ? targetRef.current : targetRef); }, [refs.setReference, targetRef]); + const dropdownStyle = + typeof zIndex !== 'undefined' + ? { + zIndex, + } + : undefined; + const dropdown = (