don't capture kbd shortcuts when typing

Author: disnet

frontend/src/lib/components/ArticleCard.svelte

@@ -50,6 +50,7 @@
   import LinkContextMenu from '$lib/components/feed/LinkContextMenu.svelte';
   import { itemLabelsStore } from '$lib/stores/itemLabels.svelte';
   import { feedViewStore } from '$lib/stores/feedView.svelte';
+  import { isInputFocused } from '$lib/stores/keyboard.svelte';
   import { sidebarStore } from '$lib/stores/sidebar.svelte';
   import { subscriptionsStore } from '$lib/stores/subscriptions.svelte';
   import { useParagraphTracking } from '$lib/hooks/useParagraphTracking.svelte';
@@ -748,6 +749,9 @@
   function handleParagraphKeydown(e: KeyboardEvent) {
     if (!expanded || paragraphTracking.totalParagraphs <= 1) return;
     if (e.metaKey || e.ctrlKey || e.altKey) return;
+    // Don't hijack keys while typing in an input/textarea/contenteditable
+    // (e.g. the share note box) — `h` must type, not toggle a highlight.
+    if (isInputFocused()) return;
 
     if (e.key === 'ArrowDown') {
       e.preventDefault();

frontend/src/lib/stores/keyboard.svelte.ts

@@ -14,6 +14,21 @@ interface KeyboardState {
   shortcuts: Map<string, Shortcut>;
 }
 
+/**
+ * True when the user is typing into an editable element, so global keyboard
+ * shortcuts (single letters like `h`, arrow keys, etc.) must not fire.
+ * Shared by the central store and component-local window handlers.
+ */
+export function isInputFocused(): boolean {
+  if (!browser) return false;
+  const activeElement = document.activeElement;
+  return (
+    activeElement instanceof HTMLInputElement ||
+    activeElement instanceof HTMLTextAreaElement ||
+    activeElement?.getAttribute('contenteditable') === 'true'
+  );
+}
+
 function createKeyboardStore() {
   let state = $state<KeyboardState>({
     isHelpOpen: false,
@@ -34,16 +49,6 @@ function createKeyboardStore() {
     state.shortcuts.delete(shortcutKey);
   }
 
-  function isInputFocused(): boolean {
-    if (!browser) return false;
-    const activeElement = document.activeElement;
-    return (
-      activeElement instanceof HTMLInputElement ||
-      activeElement instanceof HTMLTextAreaElement ||
-      activeElement?.getAttribute('contenteditable') === 'true'
-    );
-  }
-
   function handleKeydown(e: KeyboardEvent) {
     // Always allow Escape
     if (e.key === 'Escape') {