Closed
Description
Steps to reproduce
Steps:
- Open this link to live example: MUI Standalone Radio Button Demo
- Observe that
aria-label
is applied viainputProps
, but the radio's input has no accessible name - Change the dependency to 6.4.5
- Observe that
aria-label
is applied viainputProps
, but the radio's input has an accessible name
Current behavior
6.4.6 introduced a bug that can be seen in the Standalone Radio Buttons demo: inputProps
are no longer being applied:
<Radio
checked={selectedValue === 'a'}
onChange={handleChange}
value="a"
name="radio-buttons"
inputProps={{ 'aria-label': 'A' }}
/>
The radio button no longer has an accessible name. The user needs to use slotProps.input
, but that is a breaking change.
Expected behavior
No response
Context
No response
Your environment
npx @mui/envinfo
System:
OS: Windows 11 10.0.26100
Binaries:
Node: 20.13.1 - C:\Program Files\nodejs\node.EXE
npm: 10.5.2 - C:\Program Files\nodejs\npm.CMD
pnpm: 9.10.0 - C:\Program Files\nodejs\pnpm.CMD
Browsers:
Chrome: Not Found
Edge: Chromium (133.0.3065.82)
npmPackages:
typescript: 5.7.3 => 5.7.3
Search keywords: Radio, slotProps
Metadata
Metadata
Assignees
Projects
Status
Done