snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/pip/components/web/DocumentPiPContent.tsx

@@ -0,0 +1,47 @@
+import createCache from '@emotion/cache';
+import { CacheProvider } from '@emotion/react';
+import React, { useEffect, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { useSelector } from 'react-redux';
+
+import { IReduxState } from '../../../app/types';
+import GlobalStyles from '../../../base/ui/components/GlobalStyles.web';
+
+import { DocumentPiPView } from './DocumentPiPView';
+
+/**
+ * Inner component for the Document PiP.
+ *
+ * @returns {React.ReactElement | null}
+ */
+export function DocumentPiPContent() {
+    const pipWindow = useSelector((state: IReduxState) => state['features/pip'].pipWindow);
+    const pipCache = useMemo(() => {
+        if (!pipWindow || pipWindow.closed) {
+            return null;
+        }
+
+        return createCache({
+            key: 'jitsi-pip',
+            container: pipWindow.document.head
+        });
+    }, [ pipWindow ]);
+
+    useEffect(() => () => {
+        pipCache?.sheet.flush();
+    }, [ pipCache ]);
+
+    const pipRoot = pipWindow?.document.getElementById('pip-root');
+
+    if (!pipCache || !pipRoot) {
+        return null;
+    }
+
+    return createPortal(
+        <CacheProvider value = { pipCache }>
+            <GlobalStyles />
+            <DocumentPiPView />
+        </CacheProvider>,
+        pipRoot
+    );
+}