[material-ui][Autocomplete] Requiring double escape key press to trigger clearOnEscape

[EyaOuenniche]

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-autocomplete/

Steps:
1.Go to the Autocomplete demo page
2.Focus on the Autocomplete input field with clearOnEscape set to true
3.Select any item or enter text into the input field.
4.Press the Escape key once and observe the behavior.
5. Press the Escape key a second time to see the input clear.

Current behavior

The input is cleared only after pressing the Escape key twice.

Expected behavior

A single press of the Escape key should clear the input when clearOnEscape is enabled.

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: Autocomplete, clearOnEscape,bug

[DiegoAndai]

Hey @EyaOuenniche, thanks for the report!

I'm not able to repro this on Chrome, Safari, or Firefox. I'm running MacOS.

Screen.Recording.2024-02-16.at.15.10.23.mov

Could you provide more information about the OS and browser you're using? Thanks.

[EyaOuenniche]

hello,
I'm running windows 11, I tried the issue on Microsoft edge.

[michaldudak]

I tried playing with the second autocomplete in the Playground but I couldn't see any issues (Edge 123 on Windows 11).

[DiegoAndai]

Sadly, without a repro it isn't easy to debug this. @EyaOuenniche do you think there might be something in your setup or settings that might be related to this?

[EyaOuenniche]

Hello,
Yes There was a bug here actually in the Playground.

Thankfully, it got fixed.
Thank you!

[DiegoAndai]

@EyaOuenniche you're welcome 😊