Editor: refocus CM on blur from Tab

Author: pepc84

editor/index.html

@@ -181,12 +181,20 @@
 
 // Load default sketch on page load using inline JS blob
 window.addEventListener('load', () => {
-  // Prevent Tab from leaving CodeMirror in Firefox
   setTimeout(() => {
-    document.querySelectorAll('a, button, input, select, textarea, [tabindex]').forEach(el => {
+    document.querySelectorAll('a, button, input, select, [tabindex]').forEach(el => {
       if (!el.closest('.CodeMirror')) el.setAttribute('tabindex', '-1');
     });
-  }, 200);
+    // Refocus CM textarea if it loses focus to Tab
+    const ta = document.querySelector('.CodeMirror textarea');
+    if (ta) {
+      ta.addEventListener('blur', e => {
+        if (e.relatedTarget && !e.relatedTarget.closest('.CodeMirror')) {
+          setTimeout(() => ta.focus(), 0);
+        }
+      });
+    }
+  }, 300);
   const jsBlob = URL.createObjectURL(new Blob([DEFAULT_JS], {type:'application/javascript'}));
   // We need the data file -- fetch it
   Promise.all([