fix: stopPropagation to prevent invoke Mindmap's event

rick-yo · Jul 26, 2020 · 5299f90 · 5299f90
1 parent e44cd0b
commit 5299f90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
@@ -2,6 +2,7 @@
 import { css, jsx } from '@emotion/core';
 import { EDITOR_ID } from '../constant';
 import editorStore from '../store/editor';
+import { memo } from 'react';
 
 const Toolbar = () => {
   const scale = editorStore.useSelector(s => s.scale);
@@ -44,4 +45,4 @@ const Toolbar = () => {
   );
 };
 
-export default Toolbar;
+export default memo(Toolbar);
diff --git a/src/components/Topic.tsx b/src/components/Topic.tsx
@@ -138,6 +138,9 @@ const Topic = (props: HierachyNode<TopicData>) => {
       onDragLeave={handleDragLeave}
       onDrop={handleDrop}
       onDragOver={handleDragOver}
+      // stopPropagation to prevent invoke Mindmap's event
+      onMouseDown={e => e.stopPropagation()}
+      onTouchStart={e => e.stopPropagation()}
       css={css`
         display: inline-block;
         border-radius: ${TOPIC_RADIUS}px;