app/src/modules/collaboration/comments/instances/commentInstance/commentInstance.tsx

@@ -10,8 +10,7 @@ function CommentInstance({ comment }: { comment: CommentSchema }) {
     const [selectedComment, setSelectedComment] = useState<CommentSchema | null>(null);
     const [transformMode, setTransformMode] = useState<"translate" | "rotate" | null>(null);
 
-    if (comment.state === 'inactive' || isPlaying) return null;
-
+    
     useEffect(() => {
         const handleKeyDown = (e: KeyboardEvent) => {
             const keyCombination = detectModifierKeys(e);
@@ -23,11 +22,13 @@ function CommentInstance({ comment }: { comment: CommentSchema }) {
                 setTransformMode((prev) => (prev === "rotate" ? null : "rotate"));
             }
         };
-
+        
         window.addEventListener("keydown", handleKeyDown);
         return () => window.removeEventListener("keydown", handleKeyDown);
     }, [selectedComment]);
-
+    
+    if (comment.state === 'inactive' || isPlaying) return null;
+    
     return (
 
         <>