From 6971e95dad48de0ff72bb152a301026cc96947a1 Mon Sep 17 00:00:00 2001
From: qishaoxuan <qishaoxuan777@gmail.com>
Date: Thu, 28 Jul 2022 11:05:45 +0800
Subject: [PATCH] fix: popover obscured in kanban state, fixed #589

---
 .../src/blocks/group/scene-kanban/CardContext.tsx     | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx b/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
index 4d3f311cb9..cb313d14ee 100644
--- a/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
+++ b/libs/components/editor-blocks/src/blocks/group/scene-kanban/CardContext.tsx
@@ -43,17 +43,24 @@ export const CardContext = (props: Props) => {
                 const { id, block } = item;
 
                 return (
-                    <div key={id} style={{ cursor: 'pointer' }}>
+                    <StyledCardContainer key={id}>
                         <CardItemPanelWrapper
                             item={item}
                             active={activeId === id}
                         >
                             <CardItem id={id} block={block} />
                         </CardItemPanelWrapper>
-                    </div>
+                    </StyledCardContainer>
                 );
             })}
             <AddCard group={group} />
         </>
     );
 };
+
+const StyledCardContainer = styled('div')`
+    cursor: pointer;
+    &:focus-within {
+        z-index: 1;
+    }
+`;