Merge pull request #445 from AllenInstitute/bugfix/ghost-tooltip-autofocus

aswallace · web-flow · commit 0a2862c5d416 · 2025-02-21T10:38:47.000-08:00
(Tiny) Prevent autofocused tooltip
diff --git a/packages/core/App.module.css b/packages/core/App.module.css
@@ -91,3 +91,10 @@
     /* flex child */
     flex: 0 0 var(--file-details-width);
 }
+
+.hidden {
+    /* arbitrarily large to move input off-screen */
+    left: -100;
+    top: -100;
+    position: absolute;
+}
diff --git a/packages/core/App.tsx b/packages/core/App.tsx
@@ -104,6 +104,8 @@ export default function App(props: AppProps) {
             })}
             ref={measuredNodeRef}
         >
+            {/* hidden input to capture autofocus on mount */}
+            <input className={styles.hidden} autoFocus />
             <div className={styles.coreAndFileDetails}>
                 <div className={styles.querySidebarAndCenter}>
                     <QuerySidebar className={styles.querySidebar} />

Original file line number	Diff line number	Diff line change
`@@ -104,6 +104,8 @@ export default function App(props: AppProps) {`
`104`	`104`	`})}`
`105`	`105`	`ref={measuredNodeRef}`
`106`	`106`	`>`
	`107`	`+ {/* hidden input to capture autofocus on mount */}`
	`108`	`+ <input className={styles.hidden} autoFocus />`
`107`	`109`	`<div className={styles.coreAndFileDetails}>`
`108`	`110`	`<div className={styles.querySidebarAndCenter}>`
`109`	`111`	`<QuerySidebar className={styles.querySidebar} />`