focus

web/src/panes.ts

@@ -238,10 +238,11 @@ export function taskPane(): HTMLElement {
 
 function trackPaneFocus(pane: HTMLElement): void {
   let focused = false;
+  let drafting = false;
   let inside: Element | null = null;
   let sending: Promise<unknown> = Promise.resolve();
   const send = () => {
-    const body = { focused };
+    const body = { focused, drafting };
     sending = sending.then(() => put("/api/me/pane-focus", { body })).catch((err: unknown) => console.error("set pane focus", err));
   };
   const update = () => {
@@ -252,11 +253,13 @@ function trackPaneFocus(pane: HTMLElement): void {
       }
       const active = document.activeElement;
       const now = document.hasFocus() && pane.contains(active);
+      const draft = [...pane.querySelectorAll<HTMLTextAreaElement>("textarea:not(.xterm-helper-textarea)")].some((t) => t.value.trim() !== "");
       inside = now ? active : null;
-      if (now === focused) {
+      if (now === focused && draft === drafting) {
         return;
       }
       focused = now;
+      drafting = draft;
       send();
     });
   };
@@ -267,12 +270,14 @@ function trackPaneFocus(pane: HTMLElement): void {
   });
   document.addEventListener("focusin", update);
   document.addEventListener("focusout", update);
+  document.addEventListener("input", update);
+  document.addEventListener("submit", update);
   addEventListener("focus", update);
   addEventListener("blur", update);
   addEventListener("pagehide", () => {
     if (focused) {
       focused = false;
-      void put("/api/me/pane-focus", { body: { focused: false }, keepalive: true });
+      void put("/api/me/pane-focus", { body: { focused: false, drafting }, keepalive: true });
     }
   });
 }