[checkbox group][radio group] Forward group ids

[atomiks]

id props on CheckboxGroup and RadioGroup were consumed for field registration and never reached the rendered group element.

Root cause

Both groups destructured id before spreading element props and did not add it back to the root props.

Changes

• Forwarded the explicit id prop to the CheckboxGroup root.
• Forwarded the explicit id prop to the RadioGroup root.
• Added root id forwarding tests for both groups.

[pkg-pr-new]

• base-ui-tanstack-start

• vite-css-base-ui-example

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/react@4997
  

  pnpm add https://pkg.pr.new/mui/base-ui/@base-ui/utils@4997
  

commit: c80b085

[code-infra-dashboard]

Bundle size

Bundle	Parsed size	Gzip size
@base-ui/react	🔺+10B(0.00%)	🔺+7B(0.00%)

Details of bundle changes

Performance

Total duration: 1,338.10 ms +59.70 ms^(+4.7%) | Renders: 50 ⁽⁺⁰⁾ | Paint: 2,002.82 ms +60.93 ms^(+3.1%)

Test	Duration	Renders
Menu mount (300 instances)	183.68 ms 🔺+42.23 ms(+29.9%)	2 (+0)
Scroll Area mount (300 instances)	97.32 ms 🔺+24.90 ms(+34.4%)	3 (+0)
Checkbox mount (500 instances)	67.18 ms ▼-18.36 ms(-21.5%)	1 (+0)

9 tests within noise — details

---

Check out the code infra dashboard for more information about this PR.

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	c80b085
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/6a2a1ac509dad40008dbd7b2
😎 Deploy Preview	https://deploy-preview-4997--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[atomiks]

Code Review (GPT-5.5)

Approve ✅ The group id forwarding fix restores the expected public prop behavior for both CheckboxGroup and RadioGroup with narrow, matching tests.

1. Bugs / Issues (None)

I didn’t find any blocking or non-blocking issues in the branch diff.

2. Root Cause & Patch Assessment

Both groups already consumed id for internal field registration, but the explicit prop was not included in the rendered root props. Adding id: idProp to the CheckboxGroup and RadioGroup root prop objects preserves the existing internal id behavior while making the public id prop visible on the DOM element again.

3. Test Coverage Assessment

The added tests cover the public behavior directly for both affected components by rendering each group with an explicit id and asserting the root group/radiogroup receives it.