Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Visual Bug in OpenCode Desktop

Open Beginner friendly
#58,618 1 comment 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
78/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
css, typescript

Research direction

Start in the OpenCode Desktop prompt-box UI and locate the styles for the models dropdown input and adjacent + button. Compare their positioning or stacking behavior, then reproduce the issue with the steps in the report. Done means the dropdown's left outline remains fully visible and no longer appears covered by the + button.

Written by the indexing model from the issue text.

Description

Summary

The outline/border of the models dropdown input in the prompt box is covered by the element on its left (the + button), making the dropdown's left edge appear visually broken.

Image

Environment

  • opencode desktop version: 2.1.4
  • OS: Windows 10 Pro (build 19045)
  • Shell: cmd.exe
  • Theme: GitHub
  • UI Font: Inter
  • Code Font: JetBrains Mono

Reproduction

  1. Open OpenCode Desktop and navigate to the prompt/ask box.
  2. Open the models dropdown (currently showing "Gemini 4 Argon").
  3. Observe the left outline/border of the dropdown input — it is overlapped/covered by the + button to its left.

Expected Behavior

The dropdown's outline should be fully visible and not obscured by adjacent elements.

Actual Behavior

The left side of the dropdown's outline is hidden behind the + button, causing a visual glitch.

Dominant language
TypeScript
Stars
221k
Forks
29.6k
Avg merge
4h 37m
Merged PRs (30d)
512

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from anomalyco/opencode

All issues in anomalyco/opencode

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.