[material-ui][FilledInput] Filled variant does not match Material Design when using startAdorment
Open
@DiegoAndai is already working on this.
Since Jun 24, 2025.
breaking change
scope: text field
waiting for 👍
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
Steps:
- Open https://mui.com/material-ui/react-text-field/#input-adornments and see the filled input label to be left align in MUI
- Open https://m2.material.io/components/text-fields#interactive-demo, activate "Leading icon" and type something.
Current behavior
The label of the filled input is aligned with the startAdornment and not with the text input as described be Material Design (2 + 3)
Expected behavior
The label of the filled input should align with the input and not with the startAdornment
Context
No response
Your environment
No response
Search keywords: filledinput, startAdorment, material design
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.