From 547a1da0d4047b300b785a0db3d7ba5d9e0c5885 Mon Sep 17 00:00:00 2001
From: yosh <yosh@latvm.unnamed.typo.pw>
Date: Wed, 9 Jul 2025 03:52:21 +0900
Subject: [PATCH] impl: blurForcusedElementOnActivation

---
 src/background/Program.ts |  1 +
 src/options/Program.tsx   | 35 +++++++++++++++++++++++++++++++++++
 src/shared/messages.ts    |  1 +
 src/shared/options.ts     |  2 ++
 src/worker/Program.ts     | 15 +++++++++++++++
 5 files changed, 54 insertions(+)

diff --git a/src/background/Program.ts b/src/background/Program.ts
index ac946430..34b8e243 100644
--- a/src/background/Program.ts
+++ b/src/background/Program.ts
@@ -2173,6 +2173,7 @@ export default class BackgroundProgram {
       oneTimeWindowMessageToken: this.oneTimeWindowMessageToken,
       mac: this.options.mac,
       isPinned: tabState.isPinned,
+      blurFocusedElementOnActivation: this.options.values.blurFocusedElementOnActivation,
     };
 
     const getKeyboardShortcuts = (
diff --git a/src/options/Program.tsx b/src/options/Program.tsx
index f27600c4..ebc50197 100644
--- a/src/options/Program.tsx
+++ b/src/options/Program.tsx
@@ -615,6 +615,41 @@ export default class OptionsProgram extends Component<Props, State> {
             )}
           />
 
+          <Field
+            key="blurFocusedElementOnActivation"
+            id="blurFocusedElementOnActivation"
+            label="Blur focused element when activating hints"
+            description={
+              <p>
+                When enabled, any currently focused element (like input fields or
+                text areas) will be blurred when hints are activated. This can
+                prevent the focused element from capturing keyboard input that
+                should go to the link hints system.
+              </p>
+            }
+            changed={options.blurFocusedElementOnActivation !== defaults.blurFocusedElementOnActivation}
+            render={({ id }) => (
+              <span
+                className="ShrinkwrapChildren"
+                style={{ flex: "1 1 100%" }}
+              >
+                <label className="Spaced Spaced--center">
+                  <input
+                    type="checkbox"
+                    id={id}
+                    checked={options.blurFocusedElementOnActivation}
+                    onChange={(event) => {
+                      this.saveOptions({
+                        blurFocusedElementOnActivation: event.currentTarget.checked,
+                      });
+                    }}
+                  />
+                  <span>Enabled</span>
+                </label>
+              </span>
+            )}
+          />
+
           <Field
             key="useKeyTranslations"
             id="useKeyTranslations"
diff --git a/src/shared/messages.ts b/src/shared/messages.ts
index 4db5246c..b9e0fe7c 100644
--- a/src/shared/messages.ts
+++ b/src/shared/messages.ts
@@ -154,6 +154,7 @@ export type ToWorker =
       oneTimeWindowMessageToken: string;
       mac: boolean;
       isPinned: boolean;
+      blurFocusedElementOnActivation: boolean;
     }
   | {
       type: "UpdateElements";
diff --git a/src/shared/options.ts b/src/shared/options.ts
index 037b817a..a4beca0d 100644
--- a/src/shared/options.ts
+++ b/src/shared/options.ts
@@ -51,6 +51,7 @@ export const Options = fieldsAuto({
   keyTranslations: record(KeyPair),
   normalKeyboardShortcuts: array(KeyboardMappingWithModifiers),
   hintsKeyboardShortcuts: array(KeyboardMapping),
+  blurFocusedElementOnActivation: boolean,
 });
 
 const MIN_CHARS = 2;
@@ -126,6 +127,7 @@ export function getDefaults({ mac }: { mac: boolean }): Options {
     logLevel: DEFAULT_LOG_LEVEL,
     useKeyTranslations: false,
     keyTranslations: EN_US_QWERTY_TRANSLATIONS,
+    blurFocusedElementOnActivation: false,
     normalKeyboardShortcuts: [
       {
         shortcut: mainShortcut("j"),
diff --git a/src/worker/Program.ts b/src/worker/Program.ts
index 56a5e745..366fad3c 100644
--- a/src/worker/Program.ts
+++ b/src/worker/Program.ts
@@ -89,6 +89,8 @@ export default class WorkerProgram {
 
   mac = false;
 
+  blurFocusedElementOnActivation = false;
+
   suppressNextKeyup: { key: string; code: string } | undefined = undefined;
 
   resets = new Resets();
@@ -203,6 +205,7 @@ export default class WorkerProgram {
         this.keyTranslations = message.keyTranslations;
         this.oneTimeWindowMessageToken = message.oneTimeWindowMessageToken;
         this.mac = message.mac;
+        this.blurFocusedElementOnActivation = message.blurFocusedElementOnActivation;
 
         if (message.clearElements) {
           this.clearCurrent();
@@ -210,6 +213,18 @@ export default class WorkerProgram {
         break;
 
       case "StartFindElements": {
+        // Blur focused element if option is enabled
+        if (this.blurFocusedElementOnActivation && document.activeElement) {
+          const activeElement = document.activeElement as HTMLElement;
+          if (activeElement.blur && (
+            activeElement.tagName === "INPUT" ||
+            activeElement.tagName === "TEXTAREA" ||
+            activeElement.contentEditable === "true"
+          )) {
+            activeElement.blur();
+          }
+        }
+
         const run = (types: ElementTypes): void => {
           const { oneTimeWindowMessageToken } = this;
           if (oneTimeWindowMessageToken === undefined) {