[TextareaAutosize] Disappearing text in microsoft edge browser

[UnpaidIntern1]

Steps to reproduce

Link to live example: https://codesandbox.io/p/sandbox/xenodochial-bassi-zx55lx?file=%2Fsrc%2FDemo.tsx

i am using the codesandbox from the mui base demo for textareaautosize

Steps:

1. Make sure you open this in Microsoft Edge
2. Type in "I am testing this right now right now"

Current behavior

The second "now" becomes invisible once you start typing it and reappears when you finish typing.

invisible.text.mov

Expected behavior

Text should not disappear.

short video of testing this in google chrome browser

expected.behavior.mov

Context

Wondering why the text disappears only in microsoft edge. I tested this in incognito mode for microsoft edge and the text does not disappear which is weird.

Your environment

npx @mui/envinfo

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

Search keywords: Disappearing text, microsoft edge

[UnpaidIntern1]

@mj12albert Is there any update on this?

[mj12albert]

@UnpaidIntern1 I can reproduce this, though it's an issue with Edge and not the component

It will work as expected if you turn off Edge's text prediction feature: