[material-ui][Menu] Menu Item custom attribute is not accessible on a select TextField's onChange #41307
Labels
accessibility
a11y
component: menu
This is the name of the generic UI component, not the React module!
component: text field
This is the name of the generic UI component, not the React module!
package: material-ui
Specific to @mui/material
status: waiting for author
Issue with insufficient information
Steps to reproduce
Link to live example: (required)
Steps:
2```
.<TextField
select
label="Select Example"
defaultValue="select"
name="select-example"
id="select-example"
onChange={(event) => {
console.log(event.target.selectedOptions[0].getAttribute("customattribute"));
}}
>
Browser : Chrome
System:
OS: Windows 11 10.0.22631
Binaries:
Node: 18.17.1 - C:\Program Files\nodejs\node.EXE
npm: 10.0.0 - C:\Program Files\nodejs\npm.CMD
pnpm: Not Found
Browsers:
Chrome: Not Found
Edge: Chromium (122.0.2365.52)
npmPackages:
@emotion/react: ^11.11.1 => 11.11.1
@emotion/styled: ^11.11.0 => 11.11.0
@mui/base: 5.0.0-beta.28
@mui/core-downloads-tracker: 5.15.1
@mui/envinfo: ^2.0.18 => 2.0.18
@mui/icons-material: ^5.15.1 => 5.15.1
@mui/lab: ^5.0.0-alpha.159 => 5.0.0-alpha.159
@mui/material: ^5.15.1 => 5.15.1
@mui/private-theming: 5.15.3
@mui/styled-engine: 5.15.3
@mui/system: 5.15.3
@mui/types: 7.2.12
@mui/utils: 5.15.3
@types/react: 18.2.45
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
typescript: ^4.9.5 => 4.9.5
The text was updated successfully, but these errors were encountered: