fix: removed highlight when moved from node in outline

chaibuilder · Nov 3, 2024 · fe18a88 · fe18a88
1 parent eb167e3
commit fe18a88
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/core/components/sidepanels/panels/outline/treeview/ListTree.tsx b/src/core/components/sidepanels/panels/outline/treeview/ListTree.tsx
@@ -51,7 +51,7 @@ const Node = memo(({ node, style, dragHandle }: NodeRendererProps<any>) => {
 
   let previousState: boolean | null = null;
   const hasChildren = node.children.length > 0;
-  const { highlightBlock } = useBlockHighlight();
+  const { highlightBlock, clearHighlight } = useBlockHighlight();
   const { id, data, isSelected, willReceiveDrop, isDragging, isEditing, handleClick } = node;
 
   const handleToggle = (event: any) => {
@@ -165,6 +165,7 @@ const Node = memo(({ node, style, dragHandle }: NodeRendererProps<any>) => {
     <BlockContextMenu id={id}>
       <div
         onMouseEnter={() => highlightBlock(id)}
+        onMouseLeave={() => clearHighlight()}
         onClick={handleNodeClickWithoutPropagating}
         style={style}
         data-node-id={id}