[material-ui][Text Field] Weird exit border transition on the filled variant

[damisparks]

Steps to reproduce

Link to live example: (required)

Steps:

1. visit this material-ui/react-text-field
2. click on the TextField input with either variant="standard" or variant="filled".
3. Watch the border-bottom when it is transitioning out.

MUI.TextField.Bug.Video.mov

Current behavior

The transition out is quite weird.

Expected behavior

The transition should resemble the TextField with variant="outlined".

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: TextField

[DiegoAndai]

Hey @damisparks, thanks for the report!

The transition does seem to differ from the M2 specs: https://m2.material.io/components/text-fields

We'll work on the updated design specs, M3 (Text field specs), later this year. So we will fix this issue by then. This is targeted for v7, so I'll add this issue to that milestone.

[damisparks]

@DiegoAndai I appreciate you 🙏🏾 . I will keep my eye on the issue.