From ac9345ddbd1bdf46d68e28acb9eedaf103119afa Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Fri, 8 Jul 2022 13:39:48 +0200
Subject: [PATCH] Fix for `OutlinePanel` not being scrollable sometimes

Fixes P-179
---
 theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx b/theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx
index fa9fe3f..0bf1710 100644
--- a/theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx
+++ b/theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx
@@ -6,10 +6,12 @@ import {useVal} from '@theatre/react'
 import getStudio from '@theatre/studio/getStudio'
 import useHotspot from '@theatre/studio/uiComponents/useHotspot'
 import {Box, prism, val} from '@theatre/dataverse'
+import {pointerEventsAutoInNormalMode} from '@theatre/studio/css'
 
 const headerHeight = `44px`
 
 const Container = styled.div<{pin: boolean}>`
+  ${pointerEventsAutoInNormalMode};
   background-color: transparent;
   position: absolute;
   left: 8px;
@@ -62,6 +64,7 @@ const OutlinePanel: React.FC<{}> = () => {
 
   return (
     <Container
+      className="cont"
       pin={pin || show}
       onMouseEnter={() => {
         isOutlinePanelHoveredB.set(true)