From d95c8540c418cb9809368fae37db574c213f8677 Mon Sep 17 00:00:00 2001
From: Andrey Medvedev <andrey.medvedev@vk.team>
Date: Thu, 31 Oct 2024 18:28:59 +0300
Subject: [PATCH] Let ModalCard render without portal in e2e

---
 .../vkui/src/components/ModalCard/ModalCard.e2e-playground.tsx | 1 +
 packages/vkui/src/components/ModalRoot/ModalRoot.tsx           | 2 +-
 packages/vkui/src/components/ModalRoot/types.ts                | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vkui/src/components/ModalCard/ModalCard.e2e-playground.tsx b/packages/vkui/src/components/ModalCard/ModalCard.e2e-playground.tsx
index 00b576a148..60e5966b34 100644
--- a/packages/vkui/src/components/ModalCard/ModalCard.e2e-playground.tsx
+++ b/packages/vkui/src/components/ModalCard/ModalCard.e2e-playground.tsx
@@ -130,6 +130,7 @@ export const ModalCardPlayground = (props: ComponentPlaygroundProps) => {
         <div style={{ height: 500, transform: 'translateZ(0)' }}>
           <ModalRoot
             activeModal={props.nav}
+            usePortal={false}
             // Note: с включенным фокусом ломаются скриншоты на движке Webkit из-за фокуса сразу
             // на несколько окон
             noFocusToDialog
diff --git a/packages/vkui/src/components/ModalRoot/ModalRoot.tsx b/packages/vkui/src/components/ModalRoot/ModalRoot.tsx
index 112905ec26..896d339d9a 100644
--- a/packages/vkui/src/components/ModalRoot/ModalRoot.tsx
+++ b/packages/vkui/src/components/ModalRoot/ModalRoot.tsx
@@ -545,7 +545,7 @@ class ModalRootTouchComponent extends React.Component<
     }
 
     return (
-      <ModalPopoutPortal className={styles.host}>
+      <ModalPopoutPortal className={styles.host} usePortal={this.props.usePortal}>
         <TouchRootContext.Provider value={true}>
           <ModalRootContext.Provider value={this.modalRootContext}>
             <Touch
diff --git a/packages/vkui/src/components/ModalRoot/types.ts b/packages/vkui/src/components/ModalRoot/types.ts
index 9cbef48943..d3f36549b9 100644
--- a/packages/vkui/src/components/ModalRoot/types.ts
+++ b/packages/vkui/src/components/ModalRoot/types.ts
@@ -1,5 +1,6 @@
 import type { DOMContextInterface } from '../../lib/dom';
 import type { HasPlatform } from '../../types';
+import type { AppRootPortalProps } from '../AppRoot/AppRootPortal';
 import type { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
 
 export type ModalType = 'page' | 'card';
@@ -105,6 +106,8 @@ export interface ModalRootProps {
    * Отключает фокус на контейнер диалогового окна при открытии.
    */
   noFocusToDialog?: boolean;
+
+  usePortal?: AppRootPortalProps['usePortal'];
 }
 
 export interface ModalRootWithDOMProps extends HasPlatform, ModalRootProps, DOMContextInterface {