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) {
+    if (!hasCursor || handleRef?.current == null) {
-      handleRef?.current?.focus();
+      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}>

apps/client/src/translation/languages/it.ts

@@ -3,6 +3,7 @@ import { TranslationObject } from './en';
 export const langIt: TranslationObject = {
   'common.end_time': 'Ora di Fine',
   'common.expected_finish': 'Fine Prevista',
+  'common.minutes': 'min',
   'common.now': 'Adesso',
   'common.next': 'Prossimo',
   'common.public_message': 'Messaggio pubblico',