Change Proposal: Read-only styling for Switch, Checkbox, and Radio
メンテナーはふだん 2 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- 説明が足りない
- 活発さ
- 活発
- 技術スタック
- react, typescript
調査の方向性
Start by reviewing issue #272 and PR #328 to understand the existing read-only treatment for text-like controls, then locate the Switch, Checkbox, and Radio implementations. Done means the three controls support the proposed read-only interface, remain focusable and announced appropriately, prevent changes, and have an agreed visual treatment with coverage for these behaviors.
索引モデルが issue の本文から書いたものです。
説明
What is being proposed?
A read-only variant for MuiSwitch, MuiCheckbox, and MuiRadio, distinct from disabled.
Why is this needed?
Follow-up from #272 / PR #328, which gave TextField/Select/Autocomplete a dedicated read-only look.
These three controls have no native readOnly support in MUI (unlike text-like inputs), and they currently have only disabled, which mutes the value and drops the control from the tab order even when the value itself still needs to be shown and announced, with no read-only treatment at all.
What will change?
- Behaviour: enforce read-only via controlled
checked+ no-oponChange, since nativereadonlyon checkbox/radio inputs doesn't block clicks - Accessibility:
aria-readonlyinstead ofaria-disabled, keeping the control focusable/announced - Visual: likely closer to full saturation than the muted
--ds-surface-readonlywash used for text inputs, since the value is meaningful and being displayed, not unavailable
Interface changes (if any)
<Switch readOnly checked={value} />
<Checkbox readOnly checked={value} />
<Radio readOnly checked={value} />
Breaking change?
- No
Next steps
A maintainer will review this issue.
If accepted, it will be marked as accepted and a PR may then be opened.
- 主要言語
- TypeScript
- スター
- 9
- フォーク
- 3
- 平均マージ
- 6日 7時間
- マージ済み PR（30日）
- 20
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
DiamondLightSource/sci-react-ui のほかの issue
-
needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
DiamondLightSource/sci-react-ui#325 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
accepted
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
DiamondLightSource/sci-react-ui#283 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 38/100
DiamondLightSource/sci-react-ui#332 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 4/5 3〜5日 初心者へのやさしさ 55/100
DiamondLightSource/sci-react-ui#324 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 45/100
DiamondLightSource/sci-react-ui#280 ·
メンテナーはふだん 2 日以内に返信
DiamondLightSource/sci-react-ui の issue をすべて見る
似ている issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
lichess-org/api#678 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
PostHog/posthog.com#20628 ·
メンテナーはふだん 1 日以内に返信
-
bug status:Needs Triage
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
jupyterlab/jupyterlab#19964 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
agentscope-ai/QwenPaw#8064 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
area: notebooks-jupyter bug theme: new notebook frontend
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
posit-dev/positron#16347 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信