fix: focus cursor (#695)

* fix: prevent cursor from removing focus

apps/client/src/features/rundown/event-block/EventBlock.tsx

@@ -132,9 +132,19 @@ export default function EventBlock(props: EventBlockProps) {
 
   const binderColours = colour && getAccessibleColour(colour);
 
+  // move focus to element if necessary
   useEffect(() => {
-    if (hasCursor) {
-      handleRef?.current?.focus();
+    if (!hasCursor || handleRef?.current == null) {
+      return;
+    }
+
+    const elementInFocus = document.activeElement;
+    // we know the block is the grandparent of our binder
+    const blockElement = handleRef.current.closest('#event-block');
+
+    // we only move focus if the block doesnt already contain focus
+    if (blockElement && !blockElement.contains(elementInFocus)) {
+      handleRef.current.focus();
     }
   }, [hasCursor]);
 
@@ -184,6 +194,7 @@ export default function EventBlock(props: EventBlockProps) {
       style={dragStyle}
       onClick={handleFocusClick}
       onContextMenu={onContextMenu}
+      id='event-block'
     >
       <div className={style.binder} style={{ ...binderColours }} tabIndex={-1}>
         <span className={style.drag} ref={handleRef} {...dragAttributes} {...dragListeners}>