[Improvement]: Autofocus language search input when code block dropdown opens
@vihar is already working on this.
Since Aug 24, 2026.
- Dominant language
- TypeScript
- Stars
- 59.6k
- Forks
- 5.8k
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 49
Description
Is there an existing issue for this?
- I have searched the existing issues
Summary
When adding a code block to a work item, clicking the language selector opens a dropdown containing a search input. The input is not focused on search-bar, so typing does nothing until the user clicks into it. This asks for a second, precise click on a small target immediately after the first; the search input exists to be typed into, so focusing it on open makes the interaction a single click plus type.
Proposed behavior: Auto-focus the cursor onto the search bar. Escape and click-outside continue to close the dropdown and return focus to the editor.
Why should this be worked on?
The language listing is too long (and not alphabetically arranged) so scrolling feels impractical. The user would almost always want to search and press Enter to select. Auto-focusing on search maintains the flow.
This is the standard practice for searchable dropdowns, Notion's code block language picker does this too.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.