[Text Field] `MuiInput-formControl` changed to `MuiInputBase-formControl` not documented in migration guide
See original GitHub issueDuplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Current behavior 😯
The global style overrides for the class .MuiInput-formControl
don’t work anymore as the class name has been apparently changed to .MuiInputBase-formControl
.
Expected behavior 🤔
This needs to be documented under the migration guide. There might be other cases of class name changes not documented too.
Steps to reproduce 🕹
Steps:
- Override styles for the class
.MuiInput-formControl
in v4 - Migrating to v5 results in overrides not being applied anymore
Context 🔦
Migration to v5
Your environment 🌎
`npx @mui/envinfo`
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
System:
OS: macOS 12.2
CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
Memory: 27.00 MB / 16.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.13.2 - /usr/local/bin/node
Yarn: 1.22.5 - ~/.npm/bin/yarn
npm: 8.1.2 - /usr/local/bin/npm
Managers:
Homebrew: 3.3.3 - /usr/local/bin/brew
pip3: 21.1.1 - /usr/local/bin/pip3
RubyGems: 3.0.3.1 - /Users/danedavid/.rbenv/shims/gem
Utilities:
Make: 3.81 - /usr/bin/make
GCC: 4.2.1 - /usr/bin/gcc
Git: 2.32.0 - /usr/bin/git
Clang: 13.0.0 - /usr/bin/clang
Servers:
Apache: 2.4.51 - /usr/sbin/apachectl
Virtualization:
Docker: 20.10.12 - /usr/local/bin/docker
IDEs:
Nano: 2.0.6 - /usr/bin/nano
VSCode: 1.64.1 - /usr/local/bin/code
Vim: 8.2 - /usr/local/bin/vim
Xcode: /undefined - /usr/bin/xcodebuild
Languages:
Bash: 3.2.57 - /bin/bash
Go: 1.16.5 - /usr/local/bin/go
Java: 1.8.0_265 - /usr/bin/javac
Perl: 5.34.0 - /usr/local/bin/perl
Protoc: 3.17.3 - /usr/local/bin/protoc
Python: 2.7.18 - /usr/bin/python
Python3: 3.9.5 - /usr/local/bin/python3
Ruby: 2.6.8 - /Users/danedavid/.rbenv/shims/ruby
Databases:
PostgreSQL: 12.3 - /Applications/Postgres.app/Contents/Versions/latest/bin/postgres
SQLite: 3.36.0 - /usr/bin/sqlite3
Browsers:
Chrome: 98.0.4758.80
Safari: 15.3
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (1 by maintainers)
Top Results From Across the Web
variant is doesn't apply on formControl input field
The problem is that the style is not being applied, even though I am specifying the variant='outlined' property on the FormControl component.
Read more >InputBase API - Material UI - MUI
Name Type Default
autoComplete string
autoFocus bool false
classes object
Read more >AbstractControl - Angular
This is the base class for FormControl , FormGroup , and FormArray . ... A control is pristine if the user has not...
Read more >Using Material UI with React Hook Form - LogRocket Blog
To build this form by the traditional approach without any library, we need to handle the change of input separately. We also have...
Read more >How to Change MUI TextField's Border Color (Hover, Focus ...
Ever struggled to customize the Material UI TextField? ... primary compositional pieces: FormControl, Input, and Fieldset (not a stand-alone ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I have raised a pr please review and do suggest, if there are any changes needed to be done @danilo-leal @zishiwu123
@alceil I think you can start by looking at docs for FormControl API: