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

[Bug]: Custom viewport size input focus ring is clipped on macOS

オープン 初心者向け
#13,607 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

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

評価

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

調査の方向性

apps/desktop でアプリ内ブラウザーのカスタムビューポートサイズ設定コントロールから始め、macOS でフォーカスされた幅または高さのフィールドを再現します。1920 × 1080 フィールド周辺にあるコントロールのレイアウトとフォーカススタイルを確認します。外側のフォーカスリングがすべての端で完全に表示され、カスタムサイズ設定が引き続き機能すれば完了です。

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

説明

accepted bug via-triage
Before submitting
  • I searched existing issues and did not find a matching report.
  • I included the available details needed to investigate the visual defect.
Area

apps/desktop — in-app browser custom viewport sizing controls.

Steps to reproduce
  1. Open the in-app browser in the T3 Code macOS desktop app.
  2. Switch to custom viewport sizing.
  3. Focus one of the width or height fields (the supplied crop shows the height field with 1920 × 1080 entered).
  4. Look at the lighter purple outer focus ring.

These steps are based on the reporter's screenshot and description; I did not independently replay them.

Expected behavior

The outer focus ring is fully visible around the focused size field, including its top and bottom edges.

Actual behavior

The lighter purple outer ring around the focused 1080 field is cut off at both the top and bottom. The inner purple border remains visible. The crop also shows the bottom of the control meeting the toolbar's horizontal divider, consistent with vertical clipping in that row.

Impact

Cosmetic issue. The screenshot establishes clipped focus styling; it does not show a failure to enter or apply a custom size.

Version or commit

The locally installed T3 Code (Nightly) app reports 0.0.43-nightly.20260925.2237. The exact build used when the screenshot was captured has not been independently confirmed.

Environment

macOS 27.2, T3 Code desktop app, in-app browser custom viewport size controls. The supplied screenshot is a cropped 316 × 104 PNG at 2× scale. Appearance and display scaling beyond the image's 2× capture are not confirmed.

Screenshots, recordings, or supporting files

The reporter supplied a cropped screenshot in the originating T3 Code thread, captured on 2026-09-25 at 11:30. It shows the 1920 × 1080 controls and the clipped lighter purple ring around 1080. The screenshot could not be transferred to GitHub through the available issue connector.

Workaround

None established.

主要言語
TypeScript
スター
23.6k
フォーク
6.1k
平均マージ
8時間 44分
マージ済み PR(30日)
358

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

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

pingdotgg/t3code のほかの issue

pingdotgg/t3code の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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