From 636c2168bef7623bfaa561392d40cfa4bf5b7da1 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Wed, 1 Jul 2026 13:31:36 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20allow=20fullscreen=20s?=
 =?UTF-8?q?hare=20warning=20interaction=20in=20PiP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Enable PiP fullscreen share warning buttons; drop `inert` from StageFrame
---
 .../src/features/pip/components/layout/StageFrame.tsx    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/features/pip/components/layout/StageFrame.tsx b/src/frontend/src/features/pip/components/layout/StageFrame.tsx
index f0a54d53..93edd049 100644
--- a/src/frontend/src/features/pip/components/layout/StageFrame.tsx
+++ b/src/frontend/src/features/pip/components/layout/StageFrame.tsx
@@ -1,12 +1,19 @@
 import { useTranslation } from 'react-i18next'
 import { styled } from '@/styled-system/jsx'
+import { useLocalParticipant } from '@livekit/components-react'
 
 export const StageFrame = ({ children }: { children: React.ReactNode }) => {
   const { t } = useTranslation('rooms', {
     keyPrefix: 'pictureInPicture',
   })
+  const { localParticipant } = useLocalParticipant()
+
   return (
-    <Container role="region" aria-label={t('stage')} {...{ inert: '' }}>
+    <Container
+      role="region"
+      aria-label={t('stage')}
+      {...(!localParticipant.isScreenShareEnabled ? { inert: '' } : {})}
+    >
       {children}
     </Container>
   )