[docs][material-ui][TextField] type="number" error

[lalitbansal40]

Steps to reproduce

Steps:

1. Open this link to live example: (required)

bugmui.mp4

Current behavior

Bug in Number Type Textfield if i hold increase button and rease but number is increasing.

Expected behavior

Bug in Number Type Textfield if i hold increase button and rease but number is increasing. but it should not do.

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: Number Type Textfied error

[samuelsycamore]

Hi @lalitbansal40 👋 It's difficult to understand what exactly is going on in the video you've shared. Can you please create a minimal, reproducible example of the problem you're facing (on CodeSandbox, in a GH repo or similar) so the maintainers can take a look?

[lalitbansal40]

Expected Behavior:
When i press and hold the increment button, the value should increase continuously. However, as soon as you release the button, the increment action should stop immediately.

Observed Bug:
Instead, the value keeps increasing even after i release the button.

[lalitbansal40]

Expected Behavior:
When i press and hold the increment button, the value should increase continuously. However, as soon as you release the button, the increment action should stop immediately.

Observed Bug:
Instead, the value keeps increasing even after i release the button.

[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.

Note

@lalitbansal40 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.

[lalitbansal40]

Expected Behavior:
When i press and hold the increment button, the value should increase continuously. However, as soon as you release the button, the increment action should stop immediately.

Observed Bug:
Instead, the value keeps increasing even after i release the button.

[ZeeshanTamboli]

I am not able to reproduce this in the form props section of the TextField documentation you shared in the description. See the video below:

Screen-Recording.1.mp4

I tried with both my laptop mouse touchpad and with keyboard up and down arrow keys. Releasing them stops the increment/decrement.

[lalitbansal40]

i will send new video with bug.

[mj12albert]

I'm surprised we have this example!

We strongly advise against using type="number" with this big callout here which seems contradictory to this, what do you think @samuelsycamore

[samuelsycamore]

We strongly advise against using type="number" with this big callout here which seems contradictory to this, what do you think @samuelsycamore

Ah interesting, I didn't realize this demo implemented something we advise against. Sounds like we should refactor the demo and also consider moving this warning higher up on the page maybe? It's kind of buried towards the bottom. The doc's poor info architecture isn't doing us any favors.

[DiegoAndai]

Adding the docs label and assigning Sam to remove this example.