material-ui: [TextField][material-ui] id is missing in select TextField's input element

Duplicates

I have searched the existing issues

Latest version

I have tested the latest version

Steps to reproduce 🕹

Link to live example:

https://stackblitz.com/edit/stackblitz-starters-bzhhl2?file=src%2FApp.tsx

Steps:

Create a TextField component with the select property as true

Current behavior 😯

<input> element is missing the id used in the <label>'s for attribute.

Expected behavior 🤔

id is present in the <input>.

Context 🔦

No response

Your environment 🌎

No response

About this issue

Original URL
State: closed
Created 10 months ago
Reactions: 2
Comments: 25 (15 by maintainers)

Most upvoted comments

@mj12albert Yes, I’ll start working on it.

DarhkVoyd on Oct 10, 2023

InputLabelProps={{ htmlFor: 'element-id' }} inputProps={{ id: 'element-id }}

metehancelik on Dec 14, 2023

I don’t know the history of it. It seems weird for the label to reference a div in its for attribute. I suppose we could generate an id of the input and associate it with the label. I would not remove or change the id on the div itself, though.

michaldudak on Oct 2, 2023