Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

web: mobile permission card overflows and the approval buttons become unreachable

オープン 初心者向け
  • 何か問題がありますか？
#57,664 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
66/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
typescript
領域
frontend

調査の方向性

Web UI の権限リクエストカードを見つけ、375×667 のビューポートで長いコマンドテキストと Allow once、Allow always、Reject ボタンがどのように配置されるかを確認してください。複数行のコマンドで再現し、コマンド領域をスクロールでき、すべての承認ボタンにアクセスできることを確認してください。

索引モデルが issue の本文から書いたものです。

説明

pending close triaging

Summary

On a phone-sized viewport the web UI's permission request card grows with the command it shows. A long or multi-line command pushes the Allow once / Allow always / Reject buttons past the bottom of the screen, and the card does not scroll, so the request cannot be answered from the client.

Environment

  • opencode version: 2.1.1
  • OS: Windows_NT 10.0.26300 (win32 x64)
  • Terminal: Unavailable: terminal environment variables are not set
  • Shell: C:\WINDOWS\system32\cmd.exe
  • Install/channel: latest (npm global @opencode/[email protected])
  • Active plugins: free_models_drift_check.js (local plugin in ~/.config/opencode/plugins)

Reproduction

  1. Run the v2 server and open the web UI in a phone-sized viewport (iPhone SE, 375x667 CSS pixels), or in a desktop browser in device mode.

  2. Add a permission rule that asks, in opencode.jsonc:

    { "permissions": [{ "action": "shell", "resource": "*", "effect": "ask" }] }

  3. Make the agent run a command that spans several lines, for example a PowerShell pipeline or a multi-line python -c.

  4. The permission card shows the whole command, the card ends up taller than the viewport, and the buttons are below the fold with no way to scroll to them.

Expected Behavior

The command text should be clamped (for example a maximum height) and scrollable, so the approval buttons always stay reachable regardless of the command length.

Actual Behavior

The card overflows the viewport, the buttons are cut off and cannot be tapped, and the client is left with a pending permission request it cannot answer.

Additional Context

  • The server side works correctly: the request is created, the permission.asked event is delivered, and the reply is applied. Verified by creating a request through the API and replying through the API.
  • Reproducible every time on a phone-sized viewport with a long command, fine on a desktop viewport, so this looks like a small-screen layout problem.
  • The same card carries the "always" reply, which stores a durable project-scoped allow rule, so being unable to answer also blocks saving approvals.
  • Workaround used for now: keep approval-triggering commands on one short line (write a script file, then run it with a one-line command).
  • Related: the request list endpoint /api/permission/request is location-scoped, so a client has to pass the session location to see pending requests.
主要言語
TypeScript
スター
215k
フォーク
28.9k
平均マージ
8時間 11分
マージ済み PR（30日）
365

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

anomalyco/opencode のほかの issue

anomalyco/opencode の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。