From 62f363f6d4daef4fc140277f7073d35beb586df9 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Sat, 7 Aug 2021 13:12:35 +0200
Subject: [PATCH] Fixed the bug where Theatre's UI embedded in 3rd-party shadow
 dom wouldn't receive pointer events.

---
 theatre/studio/src/css.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/theatre/studio/src/css.ts b/theatre/studio/src/css.ts
index c410aa0..07c004a 100644
--- a/theatre/studio/src/css.ts
+++ b/theatre/studio/src/css.ts
@@ -2,7 +2,9 @@ import {lighten} from 'polished'
 import {css} from 'styled-components'
 
 export const pointerEventsAutoInNormalMode = css`
-  pointer-events: none;
+  #pointer-root & {
+    pointer-events: none;
+  }
   #pointer-root.normal & {
     pointer-events: auto;
   }