feat(popover): add container property (#3812)

closes #3795
consta-design-system · Nov 13, 2024 · 00c224a · 00c224a
1 parent fa45902
commit 00c224a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Popover/Popover.tsx b/src/components/Popover/Popover.tsx
@@ -106,6 +106,7 @@ export type PopoverProps = PropsWithJsxAttributes<
     onClickOutside?: ClickOutsideHandler;
     onSetDirection?: (direction: Direction) => void;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
   } & PositioningProps
 >;
 
@@ -194,6 +195,7 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
       equalAnchorWidth,
       onSetDirection,
       viewportRef,
+      container = window.document.body,
       ...otherProps
     } = props;
 
@@ -308,7 +310,7 @@ export const Popover = forwardRef<HTMLDivElement, PopoverProps>(
         {...otherProps}
         preset={theme}
         className={cnPopover({ direction, notVisible }, [className])}
-        container={window.document.body}
+        container={container}
         ref={useForkRef([ref, componentRef])}
         style={{
           ...style,

diff --git a/src/components/Popover/__stand__/Popover.dev.stand.mdx b/src/components/Popover/__stand__/Popover.dev.stand.mdx
@@ -334,5 +334,6 @@ type Direction =
 | [`offset?`](#отступы)                                | `PopoverPropOffset`                                                  | `0`                     | Отступ от якоря или позиции                                                                                 |
 | [`arrowOffset?`](#отступы)                           | `number`                                                             | -                       | Сдвиг в нецентральных позициях (используется для центровки стрелочки у тултипа)                             |
 | [`viewportRef?`](#viewport)                          | `React.RefObject<HTMLElement>`                                       | -                       | Ссылка на вьюпорт                                                                                           |
+| `container?`                                         | `Element`                                                            | `window.document.body`  | Родительский контейнер для поповера                                                                         |
 | `isInteractive?`                                     | `boolean`                                                            | `true`                  | Можно ли взаимодействовать с содержимым поповера                                                            |
 | `onClickOutside?`                                    | `(event: MouseEvent) => void`                                        | -                       | Действие по клику за пределами поповера и его якоря (если есть)                                             |