question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Text Field] `MuiInput-formControl` changed to `MuiInputBase-formControl` not documented in migration guide

See original GitHub issue

Duplicates

  • 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:

  1. Override styles for the class .MuiInput-formControl in v4
  2. 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:open
  • Created 2 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
alceilcommented, Apr 7, 2022

I have raised a pr please review and do suggest, if there are any changes needed to be done @danilo-leal @zishiwu123

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found