Selects show their value smaller than the text fields on a phone
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 44/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- css, go, react, typescript
調査の方向性
Start with src/base.css and frontend/src/users/NewTokenScreen.tsx to locate the responsive select styling and the Expires control; the issue also names test/e2e/tests/responsive.spec.ts and the godmin bump files. Read the existing on a phone checks and compare Priority and Title at mobile and 1280px widths. Done when the mobile values both read 16px, desktop values both read 13px, and Expires uses the shared select control.
索引モデルが issue の本文から書いたものです。
説明
What happens
Below 600 pixels wide, every select in the admin shows its value at 13px. The text, date and time fields around it use 16px. On a task, Priority reads smaller than Title and Due date. On a contact, Channel reads smaller than Value next to it. The Language screen, the importer and the fields screen do the same.
These controls come from @wordpress/ui. Its Input raises its text to 16px below 600px, to stop iOS Safari zooming into the field. SelectControl draws its trigger inside InputLayout, which stays at 13px, and nothing raises it. The trigger is a <button>, so iOS does not zoom on it. The problem is the mismatch.
One select does zoom. The Expires list on /users/tokens/new is a bare <select> with no style, so it keeps the browser default of about 13px. iOS Safari zooms the page when it is tapped.
WordPress draws every control at 16px on a phone. SelectControl in @wordpress/components uses 16px below 600px, and wp-admin/css/forms.css sets 16px on selects below 782px.
What should happen
Below 600px, a select shows its value at 16px, like the fields around it. At 600px and wider nothing changes. The Expires list becomes a SelectControl, like every other select in the admin.
@wordpress/ui hashes its class names, so the rule targets button[role="combobox"]. A new check in the on a phone block of test/e2e/tests/responsive.spec.ts opens a task and reads the computed font size of Priority and Title. Both are 16px. A second check at 1280px reads 13px for both.
Where
- godmin
src/base.css, a new@media (max-width: 599px)rule, so every admin built on godmin gets it, then the godmin bump infrontend/package.jsonandsdk/frontend/package.json frontend/src/users/NewTokenScreen.tsx, the Expires<select>@wordpress/uisrc/form/primitives/input/style.module.css, the 16px rule to matchtest/e2e/tests/responsive.spec.ts, the new checks
- 主要言語
- Go
- スター
- 287
- フォーク
- 64
- 平均マージ
- 13時間 24分
- マージ済み PR（30日）
- 60
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートなし
- コントリビューションガイドなし
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
gopherium/AlphOne のほかの issue
-
good first issue help wanted javascript
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
bug help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
メンテナーはふだん 1 日以内に返信
-
bug help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
bug help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
-
bug help wanted
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
メンテナーはふだん 1 日以内に返信
gopherium/AlphOne の issue をすべて見る
似ている issue
-
[Bug]: ap gateway image build cannot find local policies on Windows対応中かも @Jayzilva が今日担当しました。 オープンAspect/Configuration Severity/Major
難易度 2/5 1〜3時間 初心者へのやさしさ 83/100
wso2/api-platform#3912 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
keyxmakerx/Chronicle#1721 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
Gentleman-Programming/gentle-ai#5720 ·
メンテナーはふだん 1 日以内に返信
-
compress: block buffers get re-zeroed on every call, and the zeroing is immediately overwrittenオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
ClickHouse/ch-go#1218 ·
メンテナーはふだん 13 日以内に返信