[fields] on Android: deleting the date template is possible and breaks the component

[shirRefundco]

Steps to reproduce

Link to live example: (required)

Steps:

1. Implement the DateField component
2. Open the page in mobile - android only
3. focus on the MM for example, and the use the backspace and delete the "MM" successfully

Current behavior

When trying to delete the "MM/DD/YYYY" template of the dateField component from an android mobile, it deletes the template

Expected behavior

There is no way to delete the template "MM/DD/YYYY" of the component

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: macOS 11.3.1
  Binaries:
    Node: 18.18.0 - ~/.nvm/versions/node/v18.18.0/bin/node
    npm: 9.8.1 - ~/.nvm/versions/node/v18.18.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 126.0.6478.114
    Edge: Not Found
    Safari: 14.1

Search keywords: DateField Mobile

[michelengelen]

@LukasTy I don't have an android device at hand. Do you?

[LukasTy]

@shirRefundco Thank you for reporting this problem! 🙏
It looks like a regression as this isn't happening on v6.

screen-20240626-085324.2.mp4

[LukasTy]

Android seems to be undecided as to what it should do with Backspace button. 🙈
Given a numeric keyboard, it fires an event with the key of Backspace, but given a letter section—the key Unidentified.
This is related to #10399.
I'm looking into this problem further.

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@shirRefundco: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.