web: project selector caret flashes on hover — search input and menu fight over DOM focus #56868

Activity

1. opencode-agent commented on Oct 18, 2026

   

   opencode-agentBot

   on Oct 18, 2026 – with OpenCode Agent

   Contributor

   More actions

   Thanks for the detailed report. I reproduced this on the latest dev (501b15a) in the web app.

   Steps: I opened a new-session draft with three projects (HoverAlpha, HoverBeta, HoverGamma), opened the project selector from the bottom bar and moved the mouse across the rows while logging focusin events.

   Focus moves on every row I hover: the row, then Search projects, then the row again, then the menu content (prompt-project-menu). This matches the log in your report. The Playwright script below reproduces it; with the current code its focus assertion fails.

   I only tested the project selector; I haven't checked the model selector you mentioned.

   Reproduction script (project-selector-focus.spec.ts)

   // Run from a dev checkout: copy to packages/app/e2e/regression/ and run
   // `cd packages/app && bunx playwright install chromium && bunx playwright test e2e/regression/project-selector-focus.spec.ts`
   import { expect, test } from "@playwright/test"
   import { openDraft } from "../utils/workspace"
   
   test.use({ serviceWorkers: "block", viewport: { width: 1280, height: 900 } })
   
   test("hovering project rows keeps DOM focus in the search input (#56868)", async ({ page }) => {
     const dirs = ["C:/OpenCode/HoverAlpha", "C:/OpenCode/HoverBeta", "C:/OpenCode/HoverGamma"]
     await openDraft(page, {
       name: "HoverAlpha",
       seed: {
         projects: { local: dirs.map((worktree) => ({ worktree, expanded: true })) },
       },
     })
     await page.locator('[data-component="new-session"] [data-action="prompt-project"]').first().click()
     const search = page.getByPlaceholder(/Search projects/i)
     await expect(search).toBeFocused()
   
     await page.evaluate(() => {
       ;(window as any).__focusLog = []
       document.addEventListener("focusin", (e) => {
         const el = e.target as HTMLElement
         ;(window as any).__focusLog.push(el.id || el.getAttribute("placeholder") || el.tagName)
       })
     })
   
     const rows = page.locator('[role="menuitemradio"]')
     const count = await rows.count()
     console.log("rows:", count, await rows.allTextContents())
     for (let i = 0; i < count; i++) {
       const box = (await rows.nth(i).boundingBox())!
       for (let x = 20; x < 120; x += 20) await page.mouse.move(box.x + x, box.y + box.height / 2)
     }
     const log = await page.evaluate(() => (window as any).__focusLog)
     console.log("FOCUS LOG:\n" + log.join("\n"))
     await page.screenshot({ path: "hover.png" })
     expect(log).toEqual([])
   })

   Run it: bun project-selector-focus.spec.ts
2. opencode-agent

   added

   reproduced

   on Oct 18, 2026
3. tsehla42 commented on Oct 27, 2026

   

   tsehla42

   on Oct 27, 2026

   ContributorAuthor

   More actions

   Status update after the location redesign on dev: the dropdown from the original repro is gone (the project trigger now opens the location dialog), so those exact steps no longer reproduce. The same focus fight survived in the re-homed searchable worktree menu (session/composer/location-missing.tsx — its keydown listener that sends typing back to the search field is working around precisely this). PR #56873 has been merged with current dev and re-homed: the guard is unchanged, the Enter-forwarding moved to that menu, and the regression case now lives in session-location-sync.spec.ts. Keeping this issue for the PR to close.