Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Change Proposal: Read-only styling for Switch, Checkbox, and Radio

Offen
  • Stimmt etwas nicht?
#331 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Muss geklärt werden
Aktivitätsstatus
Aktiv
Tech-Stack
react, typescript
Bereich
accessibility, frontend

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

needs-triage

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-op onChange, since native readonly on checkbox/radio inputs doesn't block clicks
  • Accessibility: aria-readonly instead of aria-disabled, keeping the control focusable/announced
  • Visual: likely closer to full saturation than the muted --ds-surface-readonly wash 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.

Vorherrschende Sprache
TypeScript
Sterne
9
Forks
3
Ø Merge
6 T. 7 Std.
Gemergte PRs (30 T.)
20

Entwicklungsumgebung

In Codespaces öffnen

Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus DiamondLightSource/sci-react-ui

Alle Issues in DiamondLightSource/sci-react-ui

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.