material-ui: Input text type number misbehavior

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

• Chrome version:
  • 95.0.4638.54 (Official Build) (64-bit) (ubuntu)
  • 95.0.4638.54 (Official Build) (64-bit) (windows)
  • 94.0.4606.85 (Official Build) (Android 10)
• Firefox version: 93.0 (ubuntu)
• Safari version: Versão 15.0 (16612.1.29.41.4, 16612) (ios big sur)

When you writes a “e” in the input text type number, the “title” of the field comes back to the middle of input text:

• In firefox and safari you can write any digit

• In chrome for Android, we cannot write the letter e, but we can force to write a dot in the end of the number, resulting in the same behavior

• If you write only number, that behavior not occurs

They occurs directly into the codesandbox example for the input text page in the current release version

https://codesandbox.io/s/vvitc?file=/demo.js

Expected Behavior 🤔

• Keep the title like this:

Steps to Reproduce 🕹

Steps:

1. Enter in oficial sandbox environment https://codesandbox.io/s/vvitc?file=/demo.js
2. Change any input text to type="number"
3. Write the digit e
4. Remove focus from input, the title of the input will go to the “default empty location”

Your Environment 🌎

https://codesandbox.io/s/vvitc?file=/demo.js