Fix the issue related to drawing overlapping annotations

RobinNagpal · Nov 16, 2021 · 7d94c43 · 7d94c43
1 parent e8214a0
commit 7d94c43
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Shapes/withShapeWrapper.tsx b/src/components/Shapes/withShapeWrapper.tsx
@@ -11,6 +11,7 @@ export const withShapeWrapper = (
       annotation,
       children,
       editorMode,
+      isInSelectionMode,
       renderContent,
       selectedAnnotation,
       style,
@@ -35,6 +36,8 @@ export const withShapeWrapper = (
       }
     };
 
+    const shapeStyle = isInSelectionMode ? { zIndex: 0, ...(style || {}) } : {};
+
     return (
       <div onClick={onClick}>
         <DecoratedShape
@@ -48,7 +51,7 @@ export const withShapeWrapper = (
           }
           onMouseEnter={onMouseEnter}
           onMouseLeave={onMouseLeave}
-          style={style}
+          style={shapeStyle}
         />
 
         {reactContentElement}