fix(Popper): add support of prop zIndex (#8091)

* feat(Popper): add support of prop zIndex * fix(Popper): make with mergeStyle
VKCOM · Dec 17, 2024 · b5f950e · b5f950e
1 parent 8301011
commit b5f950e
Showing 1 changed file with 11 additions and 0 deletions.
diff --git 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<HTMLDivElement | null>(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 = (
     <RootComponent
       {...restProps}
+      style={mergeStyle(dropdownStyle, style)}
       baseClassName={styles.host}
       getRootRef={handleRootRef}
       baseStyle={convertFloatingDataToReactCSSProperties(