[pickers] Bug when typing the value on input

[KarineBrandelli]

Steps to reproduce

Link to live example: (required)
https://codesandbox.io/s/qzkwfj?file=/src/Demo.tsx

Steps:

1. Type the input value really fast (like you're accidentally hit the keyboard)

Current behavior

I'm using the DatePicker component, and sometimes when I type a input value,
this bug happens, like the focus is beeing changed:

bug.webm

I've tried the same 'fast typing' on the docs, and the same thing happens:

docs.webm

I know it's a really unsual bug, but maybe there's something to do about it?

Expected behavior

Not to change the focus between slots.

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: typing

[michelengelen]

Hey @KarineBrandelli and sry for the late reply.
I cannot reproduce the issue you are facing.
Could you please make very precise steps to what you are doing?

[LukasTy]

@michelengelen @KarineBrandelli This could have been an issue caused by a bug solved with #13779.
Could you double-check if you are experiencing the same problem with the latest package version?

[KarineBrandelli]

Hey @KarineBrandelli and sry for the late reply. I cannot reproduce the issue you are facing. Could you please make very precise steps to what you are doing?

That's the thing, it only happens sometimes, and more likely when you kinda 'hit' the keyboard with a lot of keys at the same time.

[KarineBrandelli]

@michelengelen @KarineBrandelli This could have been an issue caused by a bug solved with #13779. Could you double-check if you are experiencing the same problem with the latest package version?

Sure! These are the versions that I'm using:

        "@mui/material": "5.16.0",
        "@mui/x-date-pickers": "7.10.0",

[LukasTy]

@KarineBrandelli I've tried fast typing on docs and it does seem to react fine to it. 🤔
Could you provide a more step by step guide on what you are typing to trigger it or maybe provide a video with the keys that are being pressed as in the video below?

Screen.Recording.2024-07-22.at.15.20.19.mov

[KarineBrandelli]

@KarineBrandelli I've tried fast typing on docs and it does seem to react fine to it. 🤔 Could you provide a more step by step guide on what you are typing to trigger it or maybe provide a video with the keys that are being pressed as in the video below?

Screen.Recording.2024-07-22.at.15.20.19.mov

It's exactly how your typing, but not only on the year slot! Select the first slot, and then like 'hit' the keyboard until all the slots are filled (dummy I know 😩)

[michelengelen]

@LukasTy I did just try it again and also used throttling to simulate heavy load, but still could not reproduce that issue. 🤷🏼
@KarineBrandelli could you give us some information on your setup, etc? What OS are you on, which browser were you using? Does it happen for colleagues as well?

[github-actions]

The issue has been inactive for 7 days and has been automatically closed.