mui / mui/base-ui

[fieldset][field] Investigate `Fieldset`s as validation boundaries

Open
#3,930 0 comments 0 reactions 0 assignees View on GitHub
component: field
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Feature request

## Summary

Mentioned here https://github.com/mui/base-ui/issues/3807#issuecomment-3799942666

`` is currently responsible for creating a validation boundary.

However, it might be more conceptually intuitive to ensure `` only labels one single focusable control, instead of a groups of (identical) controls.

That is:
```jsx
{/* validation boundary for a radio group */}

{/* each radio goes in here /*}

```

Where `Fieldset.Root` can be a validation boundary.

The main issue here seems to be that validation boundaries aren't valid for groups of controls that aren't identical (like a Checkbox Group or especially a Radio Group).

Currently for Checkbox Group and Radio Group, the validation boundary needs to be created by `` and labels need to be placed inside ``:

```jsx
{/* validation boundary for a radio group */}

{/* each radio goes in here for labeling /*}


```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.