[checkbox][radio][switch] Preserve modifier key properties in the change event

[mj12albert]

Fixes #3875

• I have followed (at least) the PR section of the contributing guide.

[pkg-pr-new]

• base-ui-tanstack-start

• vite-css-base-ui-example

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

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

commit: e7c6df6

[mui-bot]

Bundle size report

Bundle	Parsed size	Gzip size
@base-ui/react	🔺+357B(+0.08%)	🔺+151B(+0.11%)

Details of bundle changes

---

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

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	5f8a7e4
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/69808c7c4f60c70008db96bf
😎 Deploy Preview	https://deploy-preview-3935--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	e7c6df6
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/6985def6fc942f0007e1c173
😎 Deploy Preview	https://deploy-preview-3935--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[LukasTy]

LGTM. 👍
Could it also be relevant for the Radio component? 🤔

[greptile-apps]

Greptile Overview

Greptile Summary

Preserves keyboard modifier key properties (shift, ctrl, alt, meta) in change events for checkbox, radio, and switch components by replacing inputRef.current?.click() with inputRef.current?.dispatchEvent(new PointerEvent('click', {...})).

• Modified the onClick handlers in CheckboxRoot.tsx, RadioRoot.tsx, and SwitchRoot.tsx to dispatch synthetic PointerEvent instances with modifier key properties
• Added comprehensive tests for all three components to verify that modifier keys are correctly preserved and passed to the onCheckedChange / onValueChange callbacks
• The synthetic event is configured with bubbles: true to match the behavior of native click events

Confidence Score: 5/5

• This PR is safe to merge with no risks
• The changes are well-isolated, correctly implemented, and thoroughly tested. The approach properly preserves modifier key properties without affecting existing functionality.
• No files require special attention

Important Files Changed

Filename	Overview
packages/react/src/checkbox/root/CheckboxRoot.tsx	Replaced .click() with dispatchEvent(new PointerEvent()) to preserve modifier keys (shift, ctrl, alt, meta) in the change event
packages/react/src/radio/root/RadioRoot.tsx	Replaced .click() with dispatchEvent(new PointerEvent()) to preserve modifier keys (shift, ctrl, alt, meta) in the change event
packages/react/src/switch/root/SwitchRoot.tsx	Replaced .click() with dispatchEvent(new PointerEvent()) to preserve modifier keys (shift, ctrl, alt, meta) in the change event

[cgatian]

@mj12albert thank you!!