JS V2 -- Improve element focusing

Author: SharkPool-SP

src/extensions/sp_javascriptV2/index.js

@@ -193,33 +193,24 @@ function initBlockTools() {
 
       // blockly will prevent us from focusining on our textarea
       // so we need to override it via outside events
-      const textarea = editor.container.querySelector("textarea");
       const unfocusListener = (e) => {
         if (String(e.toElement?.className).includes("ace")) return;
-        textarea._lastFocusTime = undefined;
 
         editor.blur();
         ScratchBlocks.mainWorkspace.allowDragging = true;
         parent.setMovable(true);
 
         input.removeEventListener("mouseleave", unfocusListener);
       };
-      editor.container.addEventListener("mousedown", (e) => {
-        textarea._lastFocusTime = e.timeStamp;
 
-        // manually unfocus when we leave the editor
+      ScratchBlocks.bindEventWithChecks_(input, "mousedown", field, (e) => {
+        e.stopPropagation();
+        ScratchBlocks.mainWorkspace.allowDragging = false;
+        parent.setMovable(false);
+        editor.focus();
+
         input.addEventListener("mouseleave", unfocusListener);
       });
-      textarea.addEventListener("blur", (e) => {
-        if (e.timeStamp - textarea._lastFocusTime < 250) {
-          // blockly has forced unfocused this element
-          queueMicrotask(() => {
-            ScratchBlocks.mainWorkspace.allowDragging = false;
-            parent.setMovable(false);
-            editor.focus();
-          });
-        }
-      });
 
       // allow resizing the editor
       const resizeHandle = document.createElement("div");